diff --git a/src/components/layouts/TheFooter.vue b/src/components/layouts/TheFooter.vue
index 578969c..61af15e 100644
--- a/src/components/layouts/TheFooter.vue
+++ b/src/components/layouts/TheFooter.vue
@@ -49,7 +49,7 @@
       <div>Dibangunkan oleh Unit Teknologi Maklumat PKB</div>
     </div>
   </footer> -->
-  <div class="layout-footer">
+  <!-- <div class="layout-footer">
     <div class="layout-footer-left">
       <span>E-Rahn Lelong</span>
     </div>
@@ -57,7 +57,7 @@
     <div class="layout-footer-right">
       <span> Xtrabiz Sdn. Bhd. </span>
     </div>
-  </div>
+  </div> -->
 </template>
 
 <style scoped>
diff --git a/src/components/layouts/TheHeader.vue b/src/components/layouts/TheHeader.vue
index 504c8aa..9f1be9c 100644
--- a/src/components/layouts/TheHeader.vue
+++ b/src/components/layouts/TheHeader.vue
@@ -11,14 +11,17 @@
           <Button
             icon="pi pi-th-large"
             @click="visibleLeft = true"
-            class="mr-2"
           />
+
+          <div class="logo-title mr-2">Menu</div>
+
+          <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" type="button" v-on:click="toHome()"/>
           <!-- <div class="logo-title">E-Rahn Lelong</div>   -->
         <!-- </div> -->
       </div>
 
       <div class="flex align-items-center justify-content-center">
-        <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" type="button" v-on:click="toHome()"/>
+        <!-- <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" type="button" v-on:click="toHome()"/> -->
         <!-- <nav class="main-nav">
           <router-link class="nav-button" v-bind:to="{ name: 'home' }"
             >Utama</router-link
@@ -83,11 +86,14 @@
       class="flex justify-content-between px-3 md:px-6 h-3rem flex-wrap main-color"
     >
       <div class="flex align-items-center justify-content-center">
+       
         <Button
           icon="pi pi-th-large"
           @click="visibleLeft = true"
           class="mr-2"
         />
+       
+        <!-- <div class="logo-title ml-4 mr-5">Menu</div> -->
 
         <img class="logo-img" src="img/e-rahn-lelong.png" alt="arrahn-logo" />
         <!-- <div class="company-title" type="button" v-on:click="toHome()">
@@ -394,9 +400,9 @@ router-link:hover {
   display: flex;
   justify-content: center;
   align-items: center;
-  color: #212223;
-  font-size: 3rem;
-  font-weight: 500;
+  color: #f9fafc;
+  font-size: 1.0rem;
+  font-weight: 200;
 }
 
 .logo-img {
@@ -468,4 +474,12 @@ a.router-link-exact-active:hover {
 .arrow-logo {
   font-size: 0.5rem;
 }
+
+.p-component-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+}
 </style>