diff --git a/src/components/Histories.tsx b/src/components/Histories.tsx
index f1be718..8798ecb 100644
--- a/src/components/Histories.tsx
+++ b/src/components/Histories.tsx
@@ -91,7 +91,7 @@ const Histories = () => {
     } else if (clientWidth >= 640) {
       setCardWidth(370);
     } else {
-      setCardWidth(344);
+      setCardWidth(clientWidth - 16);
     }
   }, [_document]);
 
@@ -203,7 +203,7 @@ const Histories = () => {
                 {videos.map((video, index) => (
                   <div
                     key={video.id}
-                    className={`relative 2xl:w-[404px] xl:w-[363px] sm:w-[354px] w-[328px] 2xl:h-[720px] xl:h-[647px] sm:h-[632px] h-[546px]`}
+                    className={`relative 2xl:w-[404px] xl:w-[363px] sm:w-[354px] w-[calc(100vw-32px)] 2xl:h-[720px] xl:h-[647px] sm:h-[632px] h-[546px]`}
                   >
                     <video
                       ref={videoRefs[index]}