diff --git a/src/components/atoms/buttons/BreakpointButton.tsx b/src/components/atoms/buttons/BreakpointButton.tsx
index d9d6d483..5515a0ef 100644
--- a/src/components/atoms/buttons/BreakpointButton.tsx
+++ b/src/components/atoms/buttons/BreakpointButton.tsx
@@ -10,22 +10,22 @@ interface BreakpointButtonProps {
 
 export const BreakpointButton =
   ({ handleClick, size, changeColor }: BreakpointButtonProps) => {
-  return (
-    <IconButton aria-label="add" size={size || "small"} onClick={handleClick}
-    sx={{
-      "&:hover": {
-        background: 'transparent',
-      }
-    }}
-    >
-      <Circle  sx={{
-        fontSize: '1rem',
-        marginLeft: '5px',
-        color: changeColor ? 'red': 'gray',
-        "&:hover": {
-          color: changeColor ? 'darkRed' : 'dimgray',
-        }
-      }}/>
-    </IconButton>
-  );
-};
+    return (
+      <IconButton aria-label="add" size={size || "small"} onClick={handleClick}
+        sx={{
+          "&:hover": {
+            background: 'transparent',
+          }
+        }}
+      >
+        <Circle sx={{
+          fontSize: '1rem',
+          marginLeft: '5px',
+          color: changeColor ? 'red' : 'gray',
+          "&:hover": {
+            color: changeColor ? 'darkRed' : 'dimgray',
+          }
+        }} />
+      </IconButton>
+    );
+  };