diff --git a/src/components/FullscreenButton.tsx b/src/components/FullscreenButton.tsx
index 4b6124d7..5a650396 100644
--- a/src/components/FullscreenButton.tsx
+++ b/src/components/FullscreenButton.tsx
@@ -55,7 +55,8 @@ export default function FullscreenButton({
       title="Toggle Fullscreen"
       className={clsx(
         className,
-        'text-medium absolute bottom-2 right-2 bg-white p-2 rounded hidden md:block',
+        'text-medium absolute bottom-2 right-2 bg-white p-2 rounded',
+        'hidden md:block',
       )}
       icon={isFullscreen ? <MdFullscreenExit size={18} />
         : <MdFullscreen size={18} />}
diff --git a/src/components/image/ImageActions.tsx b/src/components/image/ImageActions.tsx
index 1bfe6326..32ed935e 100644
--- a/src/components/image/ImageActions.tsx
+++ b/src/components/image/ImageActions.tsx
@@ -4,7 +4,15 @@ import 'viewerjs/dist/viewer.css';
 import { clsx } from 'clsx/lite';
 import FullscreenButton from '../FullscreenButton';
 
-export default function ImageActions({ children, enableImageActions = false, className }: { children: React.ReactNode, enableImageActions?: boolean, className?: string }) {
+export default function ImageActions({
+  children,
+  enableImageActions = false,
+  className,
+}: {
+  children: React.ReactNode;
+  enableImageActions?: boolean;
+  className?: string;
+}) {
   const containerRef = useRef<HTMLDivElement>(null);
   const viewerRef = useRef<Viewer | null>(null);
 
@@ -46,9 +54,14 @@ export default function ImageActions({ children, enableImageActions = false, cla
           background-image: none;
         }
       `}</style>
-      <div className={clsx(className, enableImageActions && 'cursor-zoom-in')} ref={containerRef} >
+      <div
+        className={clsx(className, enableImageActions && 'cursor-zoom-in')}
+        ref={containerRef}
+      >
         {children}
-        {enableImageActions && <FullscreenButton imageRef={containerRef}/>}
+        {enableImageActions && (
+          <FullscreenButton imageRef={containerRef} />
+        )}
       </div>
     </>
   );
diff --git a/src/components/image/ImageLarge.tsx b/src/components/image/ImageLarge.tsx
index e9bcf92d..6e178bcb 100644
--- a/src/components/image/ImageLarge.tsx
+++ b/src/components/image/ImageLarge.tsx
@@ -10,7 +10,10 @@ export default function ImageLarge(props: ImageProps) {
     ...rest
   } = props;
   return (
-    <ImageActions enableImageActions={enableImageActions} className="flex relative items-center justify-center h-full">
+    <ImageActions
+      enableImageActions={enableImageActions}
+      className="flex relative items-center justify-center h-full"
+    >
       <ImageWithFallback {...{
         ...rest,
         blurCompatibilityLevel: blurCompatibilityMode ? 'high' : 'none',
diff --git a/src/components/image/ImageWithFallback.tsx b/src/components/image/ImageWithFallback.tsx
index dbf76af6..23457add 100644
--- a/src/components/image/ImageWithFallback.tsx
+++ b/src/components/image/ImageWithFallback.tsx
@@ -104,6 +104,6 @@ export default function ImageWithFallback(props: ImageProps & {
         onLoad,
         onError,
       }} />
-      </div>
+    </div>
   );
 }