diff --git a/src/components/atoms/buttons/ClearButton.tsx b/src/components/atoms/buttons/ClearButton.tsx
index d299285e..4eabf9fa 100644
--- a/src/components/atoms/buttons/ClearButton.tsx
+++ b/src/components/atoms/buttons/ClearButton.tsx
@@ -10,8 +10,8 @@ interface ClearButtonProps {
 export const ClearButton: FC<ClearButtonProps> = ({ handleClick, size }) => {
   return (
     <IconButton aria-label="add" size={size || "small"} onClick={handleClick}
-    sx={{ color: 'inherit', '&:hover': { color: '#1976d2', backgroundColor: 'transparent' }}}>
-      <Clear/>
+      sx={{ color: 'inherit', '&:hover': { color: '#1976d2', backgroundColor: 'transparent' } }}>
+      <Clear />
     </IconButton>
   );
 };