diff --git a/frontend/src/components/ActionsToolbar/index.jsx b/frontend/src/components/ActionsToolbar/index.jsx
index c0b5e906..ad3a0910 100644
--- a/frontend/src/components/ActionsToolbar/index.jsx
+++ b/frontend/src/components/ActionsToolbar/index.jsx
@@ -1,16 +1,19 @@
 import { useSelector } from 'react-redux';
-import { DistributeHorizontal, DistributeVertical } from 'react-bootstrap-icons';
+import {
+  DistributeHorizontal,
+  DistributeVertical,
+} from 'react-bootstrap-icons';
 
 function DisplayIconView() {
-    const { direction } = useSelector((state) => state.editor);
-    switch (direction) {
-        case 'horizontal':
-            return <DistributeHorizontal />;
-        case 'vertical':
-            return <DistributeVertical />;
-        default:
-            return <DistributeHorizontal />;
-    }
+  const { direction } = useSelector((state) => state.editor);
+  switch (direction) {
+    case 'horizontal':
+      return <DistributeHorizontal />;
+    case 'vertical':
+      return <DistributeVertical />;
+    default:
+      return <DistributeHorizontal />;
+  }
 }
 
-export default DisplayIconView
\ No newline at end of file
+export default DisplayIconView;
diff --git a/frontend/src/pages/snippet/ActionsToolbar.jsx b/frontend/src/pages/snippet/ActionsToolbar.jsx
index e4a8e2d9..20aa44d2 100644
--- a/frontend/src/pages/snippet/ActionsToolbar.jsx
+++ b/frontend/src/pages/snippet/ActionsToolbar.jsx
@@ -3,11 +3,7 @@ import { useDispatch, useSelector } from 'react-redux';
 
 import Button from 'react-bootstrap/Button';
 import Col from 'react-bootstrap/Col';
-import {
-  BoxArrowUp,
-  Files,
-  PlayFill,
-} from 'react-bootstrap-icons';
+import { BoxArrowUp, Files, PlayFill } from 'react-bootstrap-icons';
 import { actions } from '../../slices';
 import { useAuth, useRunButton } from '../../hooks';
 import DisplayIconView from '../../components/ActionsToolbar/index.jsx';