diff --git a/FE/src/components/Header.tsx b/FE/src/components/Header.tsx
index 97657c29..b2b294fb 100644
--- a/FE/src/components/Header.tsx
+++ b/FE/src/components/Header.tsx
@@ -29,7 +29,12 @@ export default function Header() {
         </div>
         <div className='flex items-center gap-4'>
           {isLogin ? (
-            <button onClick={resetToken}>로그아웃</button>
+            <button
+              className='px-4 py-2 text-sm text-juga-grayscale-500'
+              onClick={resetToken}
+            >
+              로그아웃
+            </button>
           ) : (
             <>
               <button
@@ -38,9 +43,9 @@ export default function Header() {
               >
                 로그인
               </button>
-              <button className='px-4 py-2 text-sm text-white rounded-lg bg-juga-grayscale-black'>
+              {/* <button className='px-4 py-2 text-sm text-white rounded-lg bg-juga-grayscale-black'>
                 회원가입
-              </button>
+              </button> */}
             </>
           )}
         </div>
diff --git a/FE/src/components/Login/index.tsx b/FE/src/components/Login/index.tsx
index 13946c43..fbe4e418 100644
--- a/FE/src/components/Login/index.tsx
+++ b/FE/src/components/Login/index.tsx
@@ -67,6 +67,6 @@ export default function Login() {
 
 function Overay({ onClick }: { onClick: () => void }) {
   return (
-    <div className='fixed inset-0 bg-black opacity-5' onClick={onClick}></div>
+    <div className='fixed inset-0 bg-black opacity-30' onClick={onClick}></div>
   );
 }