diff --git a/frontend/src/pages/GardenPostList/GardenPostList.style.ts b/frontend/src/pages/GardenPostList/GardenPostList.style.ts index d85bdcdc4..ff301817f 100644 --- a/frontend/src/pages/GardenPostList/GardenPostList.style.ts +++ b/frontend/src/pages/GardenPostList/GardenPostList.style.ts @@ -6,7 +6,7 @@ export const Main = styled.main` width: 100%; height: calc(100% - 90px); margin-bottom: 70px; - padding: 8px; + padding: 85px 8px 8px 8px; `; export const List = styled.ul` diff --git a/frontend/src/pages/GardenPostList/GardenPostListHeader/GardenPostListHeader.style.ts b/frontend/src/pages/GardenPostList/GardenPostListHeader/GardenPostListHeader.style.ts index f0fa0c61f..03bec343f 100644 --- a/frontend/src/pages/GardenPostList/GardenPostListHeader/GardenPostListHeader.style.ts +++ b/frontend/src/pages/GardenPostList/GardenPostListHeader/GardenPostListHeader.style.ts @@ -1,13 +1,15 @@ import { styled } from 'styled-components'; export const Wrapper = styled.header` - position: sticky; + position: fixed; z-index: ${(props) => props.theme.zIndex.fixed}; top: 0; display: flex; flex-direction: column; + width: 100%; + max-width: ${(props) => props.theme.width.pad}; padding: 8px; background-color: ${(props) => props.theme.color.background};