diff --git a/frontend/src/views/DiaryView.vue b/frontend/src/views/DiaryView.vue
index f41b2c1..0b975d9 100644
--- a/frontend/src/views/DiaryView.vue
+++ b/frontend/src/views/DiaryView.vue
@@ -1758,19 +1758,23 @@ img {
     position: fixed;
     top: 0;
     left: 0;
-    width: 100%;
-    height: 100%;
+    width: 100vw;
+    height: 100vh;
     background: rgba(0, 0, 0, 0.8);
     display: flex;
     justify-content: center;
     align-items: center;
     z-index: 1000;
+    margin: 0;
+    padding: 0;
 }
 
 .memberImage>img {
-    max-width: 90%;
-    max-height: 90%;
+    max-width: 90vw;
+    max-height: 90vh;
     object-fit: contain;
+    display: block;
+    margin: 0 auto;
 }
 
 .groups {