diff --git a/src/components/Main/firstContainer.tsx b/src/components/Main/firstContainer.tsx
index 179e8ef..8cf0cb1 100644
--- a/src/components/Main/firstContainer.tsx
+++ b/src/components/Main/firstContainer.tsx
@@ -1,6 +1,6 @@
 import styled from '@emotion/styled';
 import MainImg from '@/assets/Main.svg';
-import { Button } from '../common/Button';
+import { Button } from '../common/button';
 
 export const FirstContainer = () => {
   return (
diff --git a/src/components/common/header/index.tsx b/src/components/common/header/index.tsx
index 7ea521e..340b70b 100644
--- a/src/components/common/header/index.tsx
+++ b/src/components/common/header/index.tsx
@@ -1,7 +1,7 @@
 import styled from '@emotion/styled';
 import LogoImg from '@/assets/Logo.svg';
 import { useEffect, useState } from 'react';
-import { Button } from '@/components/common/Button';
+import { Button } from '@/components/common/button';
 import { useLocation } from 'react-router-dom';
 import { css } from '@emotion/react';
 
diff --git a/src/pages/Main.tsx b/src/pages/Main.tsx
index 5961137..c2b465f 100644
--- a/src/pages/Main.tsx
+++ b/src/pages/Main.tsx
@@ -2,7 +2,7 @@ import styled from '@emotion/styled';
 import { FirstContainer } from '@/components/Main/FirstContainer';
 import { SecondContainer } from '@/components/Main/SecondContainer';
 import { ThirdContainer } from '@/components/Main/ThirdContainer';
-import { Button } from '@/components/common/Button';
+import { Button } from '@/components/common/button';
 
 export const Main = () => {
   return (