diff --git a/src/components/templates/SignInTemplate/SignInTemplate.tsx b/src/components/templates/SignInTemplate/SignInTemplate.tsx
index cb4fb5af..7b703136 100644
--- a/src/components/templates/SignInTemplate/SignInTemplate.tsx
+++ b/src/components/templates/SignInTemplate/SignInTemplate.tsx
@@ -23,8 +23,8 @@ const SignInTemplate = () => {
 
   return (
     <BorderBox
-      w={'27.75rem'}
       py={'2.5rem'}
+      p={'3rem'}
     >
       <Flex
         align={'center'}
diff --git a/src/pages/MainPage/MainPage.tsx b/src/pages/MainPage/MainPage.tsx
index 909aa823..3eb88b28 100644
--- a/src/pages/MainPage/MainPage.tsx
+++ b/src/pages/MainPage/MainPage.tsx
@@ -85,6 +85,7 @@ const MainPage = () => {
         mt={LAYOUT_SIZE.HEADER_HEIGHT}
         borderBottom={'1px'}
         borderColor={'gray.300'}
+        padding={'1rem'}
       >
         <Box
           maxW={'960px'}
@@ -162,6 +163,7 @@ const MainPage = () => {
         maxW={'960px'}
         mx={'auto'}
         mb={'3rem'}
+        padding={'1rem'}
       >
         <Link to={appPaths.main()}>
           <Text
@@ -213,6 +215,7 @@ const MainPage = () => {
         maxW={'960px'}
         mx={'auto'}
         mb={'3rem'}
+        padding={'1rem'}
       >
         <Link to={appPaths.viewEvent()}>
           <Heading