diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
index 23088a132..bcb06b9f6 100644
--- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
+++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.module.scss
@@ -2,14 +2,23 @@
 
 .headerMenu {
     @apply flex justify-between items-center bg-white;
+    padding: 2.4rem 3.2rem;
     .left {
         @apply flex items-center;
+        .inputSearch {
+            margin-left: 4.8rem;
+            @screen md {
+                min-width: 51.2rem;
+                max-width: 50%;
+            }
+        }
     }
     .menu {
         @apply flex items-center list-none;
         li {
+            @apply flex justify-center items-center w-full;
             &:not(:last-child) {
-                margin-right: 4.8rem;
+                margin-right: 6.4rem;
             }
             a {
                 @appy no-underline;
diff --git a/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx b/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
index 7ea2a4c49..c5b716347 100644
--- a/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
+++ b/src/components/common/Header/components/HeaderMenu/HeaderMenu.tsx
@@ -8,7 +8,7 @@ import s from './HeaderMenu.module.scss'
 
 const OPTION_MENU = [
     {
-        link: '/',
+        link: ROUTE.ACCOUNT,
         name: 'Account',
     },
     {
@@ -28,7 +28,9 @@ const HeaderMenu = memo(({ }: Props) => {
         <section className={s.headerMenu}>
             <div className={s.left}>
                 <div>Online Grocery</div>
-                <InputSearch />
+                <div className={s.inputSearch}>
+                    <InputSearch />
+                </div>
             </div>
             <ul className={s.menu}>
                 <li>
diff --git a/src/components/common/InputCommon/InputCommon.module.scss b/src/components/common/InputCommon/InputCommon.module.scss
index 13e27fd5f..27eaed174 100644
--- a/src/components/common/InputCommon/InputCommon.module.scss
+++ b/src/components/common/InputCommon/InputCommon.module.scss
@@ -16,7 +16,7 @@
   }
   .inputCommon {
     @apply block w-full transition-all duration-200 rounded;
-    padding: 1.6rem;
+    padding: 1.2rem 1.6rem;
     border: 1px solid var(--border-line);
     &:hover,
     &:focus,
@@ -31,7 +31,8 @@
     }
 
     &.custom {
-      @apply custom-border-radius border-none;
+      @apply custom-border-radius;
+      border: 1px solid transparent;
       background: var(--gray);
       &:hover,
       &:focus,
diff --git a/src/components/common/MenuDropdown/MenuDropdown.module.scss b/src/components/common/MenuDropdown/MenuDropdown.module.scss
index 9ff3beb58..6822ac9b0 100644
--- a/src/components/common/MenuDropdown/MenuDropdown.module.scss
+++ b/src/components/common/MenuDropdown/MenuDropdown.module.scss
@@ -3,7 +3,6 @@
 .menuDropdown {
     @apply relative cursor-pointer;
     width: fit-content;
-    min-width: 4.8rem;
     &:hover {
         .label {
             color: var(--primary);
@@ -48,10 +47,9 @@
 
     .menu {
         @apply hidden absolute;
-        // @apply absolute rounded list-none bg-white;
         content: "";
         right: 0;
-        top: 0;
+        top: 2rem;
         height: max-content;
         min-width: 19.2rem;
         &:hover {
@@ -60,7 +58,7 @@
         .menuIner {
             @apply rounded list-none bg-white;
             border: 1px solid var(--text-active);
-            margin-top: 2.4rem;
+            margin-top: .4rem;
             li {
                 @apply block transition-all duration-200 cursor-pointer text-active;
                 padding: 0.8rem 1.6rem;