fix: main header css

boostcampwm2023 · Dec 3, 2023 · c21a395 · c21a395
1 parent cf583c0
commit c21a395
Showing 1 changed file with 4 additions and 7 deletions.
diff --git a/front/src/pages/Main/MainButtonBox.tsx b/front/src/pages/Main/MainButtonBox.tsx
@@ -1,12 +1,9 @@
 import { useState, useRef } from 'react';
 import styled from 'styled-components';
+import { Container } from '../../utils';
+import { HeaderText } from '../../components';
 import MenuModal from './MenuModal';
 import ListMsg from './ListMsg';
-import { HeaderText } from '../../components';
-
-const StyledHeader = styled.div`
-  padding-top: 4.2rem;
-`;
 
 const StyledMenu = styled.img`
   position: fixed;
@@ -76,9 +73,9 @@ const MainButtonBox = (props: MainButtonBoxProps) => {
     <>
       {!screen ? (
         <>
-          <StyledHeader>
+          <Container>
             <HeaderText Ref={headerRef} userName="test" />
-          </StyledHeader>
+          </Container>
 
           <StyledMenu
             ref={menuRef}