From fad0857a72b498a18d6d950d4c9cb4c822713c82 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 14:40:56 +0900
Subject: [PATCH 01/10] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20=EC=9D=B4=EC=A0=84?=
 =?UTF-8?q?=20=ED=8F=AC=EC=8A=A4=ED=8C=85=20=EB=B6=88=EB=9F=AC=EC=98=A4?=
 =?UTF-8?q?=EA=B8=B0=20UI=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Confirm 컴포넌트에서 변형한 변수가 적용되지 않고 있던 문제를 해결했습니다.
---
 src/components/Confirm/Confirm.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/Confirm/Confirm.tsx b/src/components/Confirm/Confirm.tsx
index 8345d745..6a407c65 100644
--- a/src/components/Confirm/Confirm.tsx
+++ b/src/components/Confirm/Confirm.tsx
@@ -31,7 +31,7 @@ const Confirm = ({
 }: Partial<ConfirmProps>) => {
   const [disabled, setDisabled] = useState(false);
   const [domReady, setDomReady] = useState(false);
-  
+
   const FormedCancelButton =
     typeof CancelButton === 'function' ? CancelButton() : CancelButton;
   const FormedConfirmlButton =
@@ -53,9 +53,9 @@ const Confirm = ({
             {content}
             <NavButtonContainer>
               <CancelButtonDefaultEvent onClick={() => setDisabled(true)}>
-                {CancelButton}
+                {FormedCancelButton}
               </CancelButtonDefaultEvent>
-              <Link pageLink={nextPageLink}>{ConfirmButton}</Link>
+              <Link pageLink={nextPageLink}>{FormedConfirmlButton}</Link>
             </NavButtonContainer>
           </ContentContainer>
         </StyledConfirmBackground>

From 860da2d5b5425930480329ce39b4ecab1a4b6808 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 14:52:55 +0900
Subject: [PATCH 02/10] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20Link=20State=20?=
 =?UTF-8?q?=EC=A0=81=EC=9A=A9=20=EC=95=88=EB=90=9C=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=ED=95=B4=EA=B2=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Confirm/Confirm.tsx | 6 +++++-
 src/pages/posting/Posting.tsx      | 2 +-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/Confirm/Confirm.tsx b/src/components/Confirm/Confirm.tsx
index 6a407c65..6e2e125d 100644
--- a/src/components/Confirm/Confirm.tsx
+++ b/src/components/Confirm/Confirm.tsx
@@ -55,7 +55,11 @@ const Confirm = ({
               <CancelButtonDefaultEvent onClick={() => setDisabled(true)}>
                 {FormedCancelButton}
               </CancelButtonDefaultEvent>
-              <Link pageLink={nextPageLink}>{FormedConfirmlButton}</Link>
+              <Link
+                state={linkState}
+                pageLink={nextPageLink}>
+                {FormedConfirmlButton}
+              </Link>
             </NavButtonContainer>
           </ContentContainer>
         </StyledConfirmBackground>
diff --git a/src/pages/posting/Posting.tsx b/src/pages/posting/Posting.tsx
index 4270932e..7512a5ed 100644
--- a/src/pages/posting/Posting.tsx
+++ b/src/pages/posting/Posting.tsx
@@ -34,7 +34,7 @@ const Posting = () => {
     if (location.state === null) {
       navigate('/404');
     }
-
+    console.log(location.state);
     setMeditationInfo(location.state);
   }, []);
 

From 2709db6051bef81d34e342589e16f818d2bb1985 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 15:04:31 +0900
Subject: [PATCH 03/10] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20=EA=B1=B4=EB=84=88?=
 =?UTF-8?q?=EB=9B=B0=EA=B8=B0=20=ED=81=B4=EB=A6=AD=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?-=20=EA=B1=B4=EB=84=88=EB=9B=B0=EA=B8=B0=20=ED=81=B4=EB=A6=AD?=
 =?UTF-8?q?=20=EC=8B=9C=20=ED=99=95=EC=9D=B8=EC=9D=84=20=EB=88=84=EB=A5=B4?=
 =?UTF-8?q?=EA=B8=B0=EB=8F=84=20=EC=A0=84=EC=97=90=20=ED=8F=AC=EC=8A=A4?=
 =?UTF-8?q?=ED=8C=85=20=EB=B0=9C=ED=96=89=20=EB=82=B4=EC=9A=A9=EC=9D=B4=20?=
 =?UTF-8?q?=EC=82=AD=EC=A0=9C=EB=90=98=EB=8A=94=20=EB=AC=B8=EC=A0=9C=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/posting/components/SkipPosting/SkipPosting.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/posting/components/SkipPosting/SkipPosting.tsx b/src/pages/posting/components/SkipPosting/SkipPosting.tsx
index a85fbf30..fc261162 100644
--- a/src/pages/posting/components/SkipPosting/SkipPosting.tsx
+++ b/src/pages/posting/components/SkipPosting/SkipPosting.tsx
@@ -19,7 +19,6 @@ const SkipPosting = ({ channelId, customToken }: SkipPostingProps) => {
 
   const handleClickSkipPost = () => {
     setShowConfirm(true);
-    sessionStorage.removeItem('posting');
   };
 
   const handleCancelButton = () => {
@@ -29,6 +28,7 @@ const SkipPosting = ({ channelId, customToken }: SkipPostingProps) => {
   const handleConfirmButton = async () => {
     const formData = createFormData('', channelId);
     await postCreateNewPost(customToken, formData).then(() => {
+      sessionStorage.removeItem('posting');
       navigate('/posts');
     });
   };

From f706c5067af831dec84071fcb056470b9dbef1e5 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 15:38:13 +0900
Subject: [PATCH 04/10] =?UTF-8?q?=F0=9F=92=84=20Style:=20height=20style=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/NotFound/NotFound.tsx                 |  9 +--------
 src/pages/posting/Posting.style.ts              | 17 +++++++----------
 .../posting/components/NewPost/NewPost.style.ts |  4 +++-
 .../components/SkipPosting/SkipPosting.style.ts |  4 ++--
 4 files changed, 13 insertions(+), 21 deletions(-)

diff --git a/src/pages/NotFound/NotFound.tsx b/src/pages/NotFound/NotFound.tsx
index 894398cc..1a6bd591 100644
--- a/src/pages/NotFound/NotFound.tsx
+++ b/src/pages/NotFound/NotFound.tsx
@@ -7,15 +7,8 @@ import {
   ContentContainer,
   NavButtonContainer
 } from '@components/Alert/Alert.style';
-import useSessionStorage from '@hooks/useSessionStorage';
 
 const NotFound = () => {
-  const [user] = useSessionStorage('userData', {
-    _id: '',
-    token: ''
-  });
-  const redirectPage = user.token === '' ? '/' : '/posts';
-
   return (
     <LandingMain>
       <StyledAlertBackground
@@ -25,7 +18,7 @@ const NotFound = () => {
         <ContentContainer contentFontSize={16}>
           {'404! 잘못된 페이지 접근이에요!'}
           <NavButtonContainer>
-            <Link pageLink={redirectPage}>
+            <Link pageLink={'/'}>
               <Button
                 width={300}
                 height={50}
diff --git a/src/pages/posting/Posting.style.ts b/src/pages/posting/Posting.style.ts
index 0cd4d698..6064b048 100644
--- a/src/pages/posting/Posting.style.ts
+++ b/src/pages/posting/Posting.style.ts
@@ -3,29 +3,26 @@ import styled from '@emotion/styled';
 export const StyledPosting = styled.div`
   width: 100%;
   height: 100%;
-  ${({ theme }) => theme.style.flexCenter}
   background: ${({ theme }) => theme.color.linearGradientPurple};
 `;
 
 export const ContentContainer = styled.div`
   width: 100%;
-  height: 550px;
-  ${({ theme }) => theme.style.flexCenter};
+  height: 100%;
+  overflow-y: scroll;
+  ${({ theme }) => theme.style.flexAlignCenter};
   flex-direction: column;
 `;
 
 export const StyledDescription = styled.div`
+  width: 100%;
+  min-height: 130px;
   ${({ theme }) => theme.style.flexCenter};
   flex-direction: column;
   color: ${({ theme }) => theme.color.white};
-  margin-bottom: 20px;
 
   > p {
-    font-size: 18px;
-    margin-bottom: 20px;
-
-    > b {
-      font-weight: 700;
-    }
+    font-size: 16px;
+    padding: 10px 0px;
   }
 `;
diff --git a/src/pages/posting/components/NewPost/NewPost.style.ts b/src/pages/posting/components/NewPost/NewPost.style.ts
index ffc98f58..876af7ea 100644
--- a/src/pages/posting/components/NewPost/NewPost.style.ts
+++ b/src/pages/posting/components/NewPost/NewPost.style.ts
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 
 export const PostContainer = styled.div`
-  min-width: 330px;
+  min-width: 300px;
   width: 80%;
   height: 450px;
   position: relative;
@@ -36,4 +36,6 @@ export const ButtonContainer = styled.div`
   left: 50%;
   transform: translateX(-50%);
   bottom: 30px;
+  ${({ theme }) => theme.style.flexCenter};
+  width: 90%;
 `;
diff --git a/src/pages/posting/components/SkipPosting/SkipPosting.style.ts b/src/pages/posting/components/SkipPosting/SkipPosting.style.ts
index 8fdaeeb0..42a6d5e1 100644
--- a/src/pages/posting/components/SkipPosting/SkipPosting.style.ts
+++ b/src/pages/posting/components/SkipPosting/SkipPosting.style.ts
@@ -3,8 +3,8 @@ import styled from '@emotion/styled';
 export const StyledSkipPosting = styled.div`
   cursor: pointer;
   ${({ theme }) => theme.style.flexCenter};
-  height: 50px;
+  width: 100%;
+  min-height: 40px;
   color: ${({ theme }) => theme.color.white};
   font-size: 14px;
-  padding-top: 20px;
 `;

From 0de52e422d4a0acdd57d5ec192656d0bf86053a3 Mon Sep 17 00:00:00 2001
From: Cheshier <chungup5495@gmail.com>
Date: Mon, 25 Sep 2023 15:51:21 +0900
Subject: [PATCH 05/10] =?UTF-8?q?=F0=9F=92=84=C2=A0Style:=20Footer=20Icon?=
 =?UTF-8?q?=20Style=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer/Footer.tsx  | 7 +++++--
 src/components/Icon/Icon.style.ts | 3 ++-
 src/components/Icon/Icon.tsx      | 5 +++--
 src/components/Link/Link.style.ts | 6 +++++-
 src/components/Link/Link.tsx      | 5 +++--
 5 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 93266492..925a216c 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -3,6 +3,7 @@ import { Link } from '../Link';
 import { StyledFooter } from './Footer.style';
 import useSessionStorage from '@hooks/useSessionStorage';
 import { User } from '@/types/User';
+import { useLocation } from 'react-router-dom';
 
 export const Footer = () => {
   const [userData] = useSessionStorage<Pick<User, '_id' | 'token'>>(
@@ -15,9 +16,10 @@ export const Footer = () => {
 
   const iconInfos = [
     { name: 'home', size: 35, link: '/posts' },
-    { name: 'self_improvement', size: 35, link: '/meditation' },
+    { name: 'spa', size: 35, link: '/meditation' },
     { name: 'person', size: 35, link: `/profile/${userData._id}` }
   ];
+  const location = useLocation();
 
   return (
     <StyledFooter>
@@ -34,7 +36,8 @@ export const Footer = () => {
           <Icon
             name={icon.name}
             size={icon.size}
-            color='black'
+            fill={icon.link === location.pathname}
+            color={icon.link === location.pathname ? 'purpleLight' : 'black'}
           />
         </Link>
       ))}
diff --git a/src/components/Icon/Icon.style.ts b/src/components/Icon/Icon.style.ts
index ead11ac3..e0492848 100644
--- a/src/components/Icon/Icon.style.ts
+++ b/src/components/Icon/Icon.style.ts
@@ -1,8 +1,9 @@
 import styled from '@emotion/styled';
+import { color } from '@styles/colors';
 
 export const StyledIcon = styled.span<{
   size: number;
-  color: string;
+  color: keyof typeof color;
   fill?: string;
 }>`
   color: ${({ theme, color }) => theme.color[color]};
diff --git a/src/components/Icon/Icon.tsx b/src/components/Icon/Icon.tsx
index ddf828da..8cbdb476 100644
--- a/src/components/Icon/Icon.tsx
+++ b/src/components/Icon/Icon.tsx
@@ -1,10 +1,11 @@
 import { StyledIcon } from './Icon.style';
-import { GOOGLE_ICON_CLASSNAME } from '../../constants/Components';
+import { GOOGLE_ICON_CLASSNAME } from '@constants/Components';
+import { color } from '@styles/colors';
 
 interface IconProps {
   size: number;
   name: string;
-  color: string;
+  color: keyof typeof color;
   fill?: boolean;
 }
 
diff --git a/src/components/Link/Link.style.ts b/src/components/Link/Link.style.ts
index 9a250ad6..cad9eb40 100644
--- a/src/components/Link/Link.style.ts
+++ b/src/components/Link/Link.style.ts
@@ -1,7 +1,11 @@
 import { NavLink } from 'react-router-dom';
+import { color } from '@styles/colors';
 import styled from '@emotion/styled';
 
-export const StyledNavLink = styled(NavLink)<{ size: number; color: string }>`
+export const StyledNavLink = styled(NavLink)<{
+  size: number;
+  color: keyof typeof color;
+}>`
   color: ${({ theme, color }) => theme.color[color]};
   font-size: ${({ size }) => size}px;
   text-decoration: none;
diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx
index d93c0032..c17503cc 100644
--- a/src/components/Link/Link.tsx
+++ b/src/components/Link/Link.tsx
@@ -1,4 +1,5 @@
 import { StyledNavLink } from './Link.style';
+import { color } from '@styles/colors';
 
 interface State {
   [key: string]: any;
@@ -8,7 +9,7 @@ interface LinkProps {
   children: React.ReactNode;
   pageLink: string;
   size: number;
-  color: string;
+  color: keyof typeof color;
   state: State;
 }
 
@@ -16,7 +17,7 @@ const Link = ({
   children,
   pageLink,
   size = 14,
-  color = '#000',
+  color = 'black',
   state
 }: Partial<LinkProps>) => {
   return (

From aef7bf04b25d3cdc2d42118b1f4de2a56d570718 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 16:09:05 +0900
Subject: [PATCH 06/10] =?UTF-8?q?=F0=9F=9A=A8=20Fix:=20Profile=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=A0=91=EA=B7=BC=20=EC=98=A4=EB=A5=98=20?=
 =?UTF-8?q?=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../profile/components/ProfileCarousel.tsx    | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/pages/profile/components/ProfileCarousel.tsx b/src/pages/profile/components/ProfileCarousel.tsx
index 5ff72f58..6fed28cd 100644
--- a/src/pages/profile/components/ProfileCarousel.tsx
+++ b/src/pages/profile/components/ProfileCarousel.tsx
@@ -12,6 +12,7 @@ import { PROFILE_TABS } from '../constants/profileTabs';
 import { Follow } from '@/types/Follow';
 import { PostPreview } from '@components/PostPreview';
 import { Post } from '@/types/Post';
+import { editPostData } from '@pages/posts/utils/editPostData';
 
 interface ProfileCarouselProps {
   tabItems: TabItems;
@@ -35,21 +36,23 @@ const ProfileCarousel = ({ tabItems, fullName }: ProfileCarouselProps) => {
       {Object.entries(tabItems).map(([label, tabItem], index) => {
         switch (label) {
           case MEDITATION:
-            return tabItem.data && tabItem.data.length > 0 ? (
+            const editedData = editPostData(tabItem.data as Post[]);
+            return editedData && editedData.length > 0 ? (
               <ProfileCarouselItem key={index}>
-                {tabItem.data &&
-                  tabItem.data.map((post, index) => {
-                    const { likes, comments } = post as Post;
-                    return (
+                {editedData.map((post, index) => {
+                  const { content, likes, comments } = post;
+                  return (
+                    content && (
                       <PostPreview
                         key={index}
-                        post={post as Post}
+                        post={post}
                         totalLikes={likes.length}
                         totalComments={comments.length}
                         noneProfile={true}
                       />
-                    );
-                  })}
+                    )
+                  );
+                })}
               </ProfileCarouselItem>
             ) : (
               <ProfileCarouselItem key={index}>

From 114b18f54f15126bcde24dcad8fd1e120ae302af Mon Sep 17 00:00:00 2001
From: Cheshier <chungup5495@gmail.com>
Date: Mon, 25 Sep 2023 16:13:38 +0900
Subject: [PATCH 07/10] =?UTF-8?q?=F0=9F=92=84=C2=A0Style:=20=EB=8D=94=20?=
 =?UTF-8?q?=EB=B0=9D=EC=9D=80=20=EB=B3=B4=EB=9D=BC=EC=83=89=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Footer/Footer.tsx | 2 +-
 src/styles/colors.ts             | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Footer/Footer.tsx b/src/components/Footer/Footer.tsx
index 925a216c..0d536958 100644
--- a/src/components/Footer/Footer.tsx
+++ b/src/components/Footer/Footer.tsx
@@ -37,7 +37,7 @@ export const Footer = () => {
             name={icon.name}
             size={icon.size}
             fill={icon.link === location.pathname}
-            color={icon.link === location.pathname ? 'purpleLight' : 'black'}
+            color={icon.link === location.pathname ? 'purpleNormal' : 'black'}
           />
         </Link>
       ))}
diff --git a/src/styles/colors.ts b/src/styles/colors.ts
index 6c1fb101..bd9fcfab 100644
--- a/src/styles/colors.ts
+++ b/src/styles/colors.ts
@@ -1,4 +1,5 @@
 export const color = {
+  purpleNormal: '#8653ab',
   purpleDark: '#47346d',
   purpleDarker: '#272038',
   purpleLight: '#b796d0',

From 5beb170a9c01916c2d40fe8eaf5d4ebdf60e6d10 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 16:17:12 +0900
Subject: [PATCH 08/10] =?UTF-8?q?=F0=9F=92=84=20Style:=20=ED=8E=98?=
 =?UTF-8?q?=EC=9D=B4=EC=A7=80=20=EC=A0=84=EC=B2=B4=20=EA=B0=80=EC=9A=B4?=
 =?UTF-8?q?=EB=8D=B0=20=EC=A0=95=EB=A0=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/styles/global.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/global.tsx b/src/styles/global.tsx
index 6a73e767..6828ee78 100644
--- a/src/styles/global.tsx
+++ b/src/styles/global.tsx
@@ -13,6 +13,7 @@ const style = css`
     width: 100%;
     height: 100%;
     max-width: 768px;
+    margin: 0 auto;
   }
   #modal-root {
     position: absolute;

From ab30787c5cd538e6688dc6696938cb702feec224 Mon Sep 17 00:00:00 2001
From: Suyeon <msjgr2801@gmail.com>
Date: Mon, 25 Sep 2023 16:21:13 +0900
Subject: [PATCH 09/10] =?UTF-8?q?=F0=9F=94=A8=20Refactoring:=20link=20stat?=
 =?UTF-8?q?e=20=EB=A5=BC=20=EC=84=A0=ED=83=9D=EC=A0=81=EC=9C=BC=EB=A1=9C?=
 =?UTF-8?q?=20=EB=B0=9B=EA=B8=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/Confirm/Confirm.tsx | 2 +-
 src/components/Link/Link.tsx       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/components/Confirm/Confirm.tsx b/src/components/Confirm/Confirm.tsx
index 6e2e125d..a87ffc09 100644
--- a/src/components/Confirm/Confirm.tsx
+++ b/src/components/Confirm/Confirm.tsx
@@ -17,7 +17,7 @@ interface ConfirmProps {
   nextPageLink: string;
   CancelButton: React.ReactNode | (() => JSX.Element);
   ConfirmButton: React.ReactNode | (() => JSX.Element);
-  linkState: { [key: string]: any };
+  linkState?: { [key: string]: any };
 }
 
 const Confirm = ({
diff --git a/src/components/Link/Link.tsx b/src/components/Link/Link.tsx
index d93c0032..1caf4a68 100644
--- a/src/components/Link/Link.tsx
+++ b/src/components/Link/Link.tsx
@@ -9,7 +9,7 @@ interface LinkProps {
   pageLink: string;
   size: number;
   color: string;
-  state: State;
+  state?: State;
 }
 
 const Link = ({

From 6359322aa95dd5b9ee14049b3fba0721c522753f Mon Sep 17 00:00:00 2001
From: Cheshier <chungup5495@gmail.com>
Date: Mon, 25 Sep 2023 16:25:29 +0900
Subject: [PATCH 10/10] =?UTF-8?q?=F0=9F=92=84=C2=A0Style:=20Login=20/=20Si?=
 =?UTF-8?q?gnup=20/=20password-update=20=EB=84=88=EB=B9=84=20=EC=88=98?=
 =?UTF-8?q?=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/login/Login.style.tsx                   | 2 +-
 src/pages/password-update/PasswordUpdate.style.ts | 2 +-
 src/pages/signup/signup.style.ts                  | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/pages/login/Login.style.tsx b/src/pages/login/Login.style.tsx
index 29c437e8..b6348cb2 100644
--- a/src/pages/login/Login.style.tsx
+++ b/src/pages/login/Login.style.tsx
@@ -24,7 +24,7 @@ export const Logo = () => {
 export const LoginContainer = styled.div`
   ${({ theme }) => theme.style.flexCenter};
   flex-direction: column;
-  width: 100vw;
+  width: 100%;
   height: 100vh;
   background-image: url(${logo});
   background: ${({ theme }) => theme.color.linearGradientPurple};
diff --git a/src/pages/password-update/PasswordUpdate.style.ts b/src/pages/password-update/PasswordUpdate.style.ts
index 3199f46f..b5cdd4b3 100644
--- a/src/pages/password-update/PasswordUpdate.style.ts
+++ b/src/pages/password-update/PasswordUpdate.style.ts
@@ -18,7 +18,7 @@ const Logo = styled.h1`
 const PasswordUpdateContainer = styled.div`
   ${({ theme }) => theme.style.flexCenter};
   flex-direction: column;
-  width: 100vw;
+  width: 100%;
   height: calc(100vh - 64px);
   background: ${({ theme }) => theme.color.linearGradientPurple};
 `;
diff --git a/src/pages/signup/signup.style.ts b/src/pages/signup/signup.style.ts
index 3193473b..c988098a 100644
--- a/src/pages/signup/signup.style.ts
+++ b/src/pages/signup/signup.style.ts
@@ -9,7 +9,7 @@ export const SignUpContainer = styled.div`
   ${({ theme }) => theme.style.flexCenter};
 
   flex-direction: column;
-  width: 100vw;
+  width: 100%;
   height: 100vh;
   background-image: url(${logo});
   background: ${({ theme }) => theme.color.linearGradientPurple};