diff --git a/resources/js/Pages/Album/Partials/Create.vue b/resources/js/Pages/Album/Partials/Create.vue
index 923cd9d..9db03e3 100644
--- a/resources/js/Pages/Album/Partials/Create.vue
+++ b/resources/js/Pages/Album/Partials/Create.vue
@@ -47,8 +47,8 @@ const submit = () => {
 </script>
 
 <template>
-    <div class="text-left text-black laptop:w-[30rem] w-screen shadow-xl rounded-lg bg-gray-50 overflow-hidden
-    border border-gray-300">
+    <div class="text-left text-black laptop:w-[30rem] w-screen shadow-xl rounded-lg bg-gray-50 overflow-y-auto
+    border border-gray-300 max-h-[calc(100vh/2)]">
         <div v-if="imageState.url" class="max-h-72 overflow-hidden flex items-center">
             <img  :src="imageState.url">
         </div>
diff --git a/resources/js/Pages/Photo/Partials/Create.vue b/resources/js/Pages/Photo/Partials/Create.vue
index c2940c8..949ea6c 100644
--- a/resources/js/Pages/Photo/Partials/Create.vue
+++ b/resources/js/Pages/Photo/Partials/Create.vue
@@ -20,7 +20,7 @@ const imageRemoved = (file) => {
 
 <template>
     <div class="text-left text-black laptop:w-[30rem] w-screen shadow-2xl rounded-lg bg-gray-50 overflow-hidden
-    border border-gray-300">
+    border border-gray-300 max-h-[calc(100vh/2)] overflow-y-auto">
         <div v-if="imageState.url" class="max-h-72 overflow-hidden flex items-center">
             <img  :src="imageState.url">
         </div>