diff --git a/src/components/layout/NavBar.vue b/src/components/layout/NavBar.vue
index 47071d6..605b1c2 100644
--- a/src/components/layout/NavBar.vue
+++ b/src/components/layout/NavBar.vue
@@ -18,14 +18,19 @@
           <div class="dropdown" v-show="showNavMenu">
             <ul>
               <li v-for="(item, index) in nav.submenu" :key="index">
-                <a class="link-name" :href="item.link" v-if="i !== 2">
-                  {{ item.label }}
-                  <img
-                    class="link-img"
-                    src="../../assets/img/home/link-icon.png"
-                    alt=""
-                /></a>
-                <span v-else>{{ item.label }}</span>
+                <div  class="link-content" v-if="i !== 2">
+                  <div>
+                    <a class="link-name" :href="item.link">{{ item.label }}</a>
+                  </div>
+                  <div>
+                    <img
+                      class="link-img"
+                      src="../../assets/img/home/link-icon.png"
+                      alt=""
+                    />
+                  </div>
+                </div>
+                <div v-else class="link-label">{{ item.label }}</div>
               </li>
             </ul>
           </div>
@@ -191,7 +196,7 @@ watchEffect(() => {
       .dropdown {
         position: absolute;
         top: 100%;
-        left: 0;
+        left: -4px;
         background: rgba(0, 0, 0, 0.84);
         border-radius: 0px 0px 12px 12px;
         z-index: 1;
@@ -211,6 +216,19 @@ watchEffect(() => {
         padding-right: 20px;
         cursor: pointer;
       }
+      .link-content{
+        display: flex;
+        width: 90px;
+        align-items: center;
+        justify-content: space-between;
+
+      }
+      .link-label{
+        font-size: 15px;
+        font-family: Arial;
+        font-weight: 400;
+        color: #ffffff;
+      }
       .dropdown li a {
         font-size: 16px;
         font-family: Arial;