diff --git a/resources/views/partials/menu.blade.php b/resources/views/partials/menu.blade.php
index e0bab25d..69f0976a 100644
--- a/resources/views/partials/menu.blade.php
+++ b/resources/views/partials/menu.blade.php
@@ -41,7 +41,7 @@
                                 <a href="{{route('customers')}}"><h6 class="no-margin light fs-18 all-caps">Customers</h6></a>
                             </div>
                         </div>
-                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center" v-if="$store.getters.isAdmin">
+                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
                             <div class="col-auto p-r-0">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                      width="25" height="25"
@@ -52,7 +52,7 @@
                                 <a href="{{route('orders')}}"><h6 class="no-margin light fs-18 all-caps">Orders</h6></a>
                             </div>
                         </div>
-                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center" v-if="$store.getters.isAdmin">
+                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
                             <div class="col-auto p-r-0">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                      width="25" height="25"
@@ -63,7 +63,7 @@
                                 <a href="{{route('warehouse.list')}}"><h6 class="no-margin light fs-18 all-caps">Parcels</h6></a>
                             </div>
                         </div>
-                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center" v-if="$store.getters.isAdmin">
+                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
                             <div class="col-auto p-r-0">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                      width="25" height="25"
@@ -74,7 +74,7 @@
                                 <a href="{{route('delivery.list')}}"><h6 class="no-margin light fs-18 all-caps">Delivery List</h6></a>
                             </div>
                         </div>
-                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center" v-if="$store.getters.isAdmin">
+                        <div class="row p-t-15 p-b-15 align-items-center justify-content-center d-none" :class="[{'d-flex': $store.getters.isAdmin}]" v-if="$store.getters.isAdmin">
                             <div class="col-auto p-r-0">
                                 <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px"
                                      width="25" height="25"