diff --git a/src/components/retailer/layout/Layout.vue b/src/components/retailer/layout/Layout.vue
index d85290c..5775537 100644
--- a/src/components/retailer/layout/Layout.vue
+++ b/src/components/retailer/layout/Layout.vue
@@ -1,11 +1,15 @@
 <template>
   <div class="d-flex flex-column height-100">
+    
+    <span :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'">
+      
     <Header @action="onAction" />
+  </span>
     <v-navigation-drawer
       v-model="showMenu"
       v-if="showMenu"
       :clipped="$vuetify.display.mdAndUp"
-      app
+      :permanent="showMenu"
       color="header-bg-color darken-3"
       class="header-bg-color text-white pa-4 mt-6"
     >
@@ -50,7 +54,7 @@
     </v-navigation-drawer>
     
     <v-content class="mt-10">
-      <router-view class="pa-4 mt-10" />
+      <router-view class="pa-4 mt-10" :class="showMenu ? 'sidebar-router-padding-open' : 'sidebar-router-padding-close'"/>
     </v-content>
      <FooterComponent />
    
@@ -129,6 +133,13 @@ export default {
     background-color: #2c50da!important;
     box-shadow: none !important;
 }
+.sidebar-router-padding-open {
+  margin:68px 16px 16px 264px;
+}
+.sidebar-router-padding-close {
+  margin:68px 16px 16px 16px;
+}
 </style>
 <style lang="scss">
+
 </style>
\ No newline at end of file