diff --git a/src/frontend/src/CustomNodes/helpers/get-node-input-colors.ts b/src/frontend/src/CustomNodes/helpers/get-node-input-colors.ts
index e76d073bd..58b2ae677 100644
--- a/src/frontend/src/CustomNodes/helpers/get-node-input-colors.ts
+++ b/src/frontend/src/CustomNodes/helpers/get-node-input-colors.ts
@@ -1,6 +1,10 @@
 import { nodeColors } from "../../utils/styleUtils";
 
-export function getNodeInputColors(input_types: string[] | undefined, type: string | undefined, types: {[char: string]: string}) {
+export function getNodeInputColors(
+  input_types: string[] | undefined,
+  type: string | undefined,
+  types: { [char: string]: string },
+) {
   // Helper function to get the color based on type
   const getColorByType = (type) => nodeColors[type] ?? nodeColors.unknown;
 
diff --git a/src/frontend/src/CustomNodes/helpers/get-node-output-colors.ts b/src/frontend/src/CustomNodes/helpers/get-node-output-colors.ts
index b91a9691c..dcac3d5cc 100644
--- a/src/frontend/src/CustomNodes/helpers/get-node-output-colors.ts
+++ b/src/frontend/src/CustomNodes/helpers/get-node-output-colors.ts
@@ -2,7 +2,11 @@ import { OutputFieldType } from "../../types/api";
 import { NodeDataType } from "../../types/flow";
 import { nodeColors } from "../../utils/styleUtils";
 
-export function getNodeOutputColors(output: OutputFieldType, data: NodeDataType, types: {[char: string]: string}): string[] {
+export function getNodeOutputColors(
+  output: OutputFieldType,
+  data: NodeDataType,
+  types: { [char: string]: string },
+): string[] {
   // Helper function to get the color based on type
   const getColorByType = (type) => nodeColors[type] ?? nodeColors.unknown;
 
diff --git a/src/frontend/src/components/ImageViewer/index.tsx b/src/frontend/src/components/ImageViewer/index.tsx
index 8c62894a3..6e2c340fd 100644
--- a/src/frontend/src/components/ImageViewer/index.tsx
+++ b/src/frontend/src/components/ImageViewer/index.tsx
@@ -6,7 +6,7 @@ import useAlertStore from "../../stores/alertStore";
 import ForwardedIconComponent from "../genericIconComponent";
 import { Separator } from "../ui/separator";
 
-export default function ImageViewer({ image }: {image: string}) {
+export default function ImageViewer({ image }: { image: string }) {
   const viewerRef = useRef(null);
   const [errorDownloading, setErrordownloading] = useState(false);
   const setErrorList = useAlertStore((state) => state.setErrorData);
diff --git a/src/frontend/src/components/horizontalScrollFadeComponent/index.tsx b/src/frontend/src/components/horizontalScrollFadeComponent/index.tsx
index b59927e53..db78daaaf 100644
--- a/src/frontend/src/components/horizontalScrollFadeComponent/index.tsx
+++ b/src/frontend/src/components/horizontalScrollFadeComponent/index.tsx
@@ -4,8 +4,8 @@ export default function HorizontalScrollFadeComponent({
   children,
   isFolder = true,
 }: {
-  children: JSX.Element | JSX.Element[],
-  isFolder?: boolean,
+  children: JSX.Element | JSX.Element[];
+  isFolder?: boolean;
 }) {
   const scrollContainerRef = useRef<HTMLDivElement>(null);
   const fadeContainerRef = useRef<HTMLDivElement>(null);
diff --git a/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx b/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx
index f6cf486c3..cd3c3a1e1 100644
--- a/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx
+++ b/src/frontend/src/modals/BundleModal/hooks/submit-folder.tsx
@@ -3,7 +3,10 @@ import { addFolder, updateFolder } from "../../../pages/MainPage/services";
 import useAlertStore from "../../../stores/alertStore";
 import { useFolderStore } from "../../../stores/foldersStore";
 
-const useFolderSubmit = (setOpen: (a: boolean) => void, folderToEdit: FolderType | null) => {
+const useFolderSubmit = (
+  setOpen: (a: boolean) => void,
+  folderToEdit: FolderType | null,
+) => {
   const setSuccessData = useAlertStore((state) => state.setSuccessData);
   const setErrorData = useAlertStore((state) => state.setErrorData);
   const getFoldersApi = useFolderStore((state) => state.getFoldersApi);
diff --git a/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx b/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx
index 9dcd054c4..a60f2a419 100644
--- a/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx
+++ b/src/frontend/src/modals/foldersModal/hooks/submit-folder.tsx
@@ -4,7 +4,10 @@ import { addFolder, updateFolder } from "../../../pages/MainPage/services";
 import useAlertStore from "../../../stores/alertStore";
 import { useFolderStore } from "../../../stores/foldersStore";
 
-const useFolderSubmit = (setOpen: (a: boolean) => void, folderToEdit: FolderType | null) => {
+const useFolderSubmit = (
+  setOpen: (a: boolean) => void,
+  folderToEdit: FolderType | null,
+) => {
   const setSuccessData = useAlertStore((state) => state.setSuccessData);
   const setErrorData = useAlertStore((state) => state.setErrorData);
   const getFoldersApi = useFolderStore((state) => state.getFoldersApi);