diff --git a/frontend/components/global/SideModal.vue b/frontend/components/global/SideModal.vue
index 6c81484..528b260 100644
--- a/frontend/components/global/SideModal.vue
+++ b/frontend/components/global/SideModal.vue
@@ -41,10 +41,10 @@ watch(
             <Transition name="fade-right">
                 <div
                     v-show="isSideShow"
-                    class="hidden md:flex w-1/3 bg-white h-full rounded-e-[1.5rem] overflow-hidden fixed top-0 right-0 min-md:flex-col"
+                    class="flex flex-col w-full lg:w-1/3 bg-white h-full lg:rounded-e-[1.5rem] overflow-hidden fixed top-0 right-0 min-md:flex-col"
                 >
                     <div
-                        class="w-full flex justify-between items-center py-[2.5rem] px-[3rem]"
+                        class="w-full flex justify-between items-center py-[1.5rem] lg:py-[2.5rem] px-[1.5rem] lg:px-[3rem]"
                     >
                         <span class="typo-h-5">
                             {{ title }}
@@ -63,7 +63,7 @@ watch(
                     </div>
 
                     <div
-                        class="size-full flex flex-col grow overflow-y-auto p-[3rem] pt-0"
+                        class="size-full flex flex-col grow overflow-y-auto py-[1.5rem] lg:py-[2.5rem] px-[1.5rem] lg:px-[3rem] pt-0"
                     >
                         <slot />
                     </div>