diff --git a/src/components/note/preview/image.tsx b/src/components/note/preview/image.tsx
index ef5edc86..0ec989d4 100644
--- a/src/components/note/preview/image.tsx
+++ b/src/components/note/preview/image.tsx
@@ -3,11 +3,7 @@ import { memo } from 'react';
 
 export const ImagePreview = memo(function ImagePreview({ url, size }: { url: string; size: string }) {
   return (
-    <div
-      className={`relative h-full ${
-        size === 'large' ? 'w-full' : 'w-2/3'
-      } mt-2 rounded-lg border border-zinc-800 xl:w-2/3`}
-    >
+    <div className={`relative h-full ${size === 'large' ? 'w-4/5' : 'w-1/2'} mt-2 rounded-lg border border-zinc-800`}>
       <Image
         src={url}
         alt={url}