diff --git a/app/assets/stylesheets/reset.css b/app/assets/stylesheets/reset.css
index c5c3af2f..7f49dc71 100644
--- a/app/assets/stylesheets/reset.css
+++ b/app/assets/stylesheets/reset.css
@@ -39,6 +39,16 @@
   margin-top: 0px !important;
 }
 
+.dropdown-menu > li > p:hover {
+  background-color: #ccc;
+}
+
+@media (min-width: 768px){
+  .dropdown-menu {
+      padding: .3rem 0;
+  }
+}
+
 .switch label {
   color: #070707 !important;
 }
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 8f809e47..136f0578 100755
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -32,7 +32,7 @@
             <ul class="dropdown-menu">
                 <li>
                     <%if current_login_employee.role !="waiter" %>
-                        <p class="delete  waves-effect waves-block" style="margin:0.5rem 1rem !important;" data-ref="<%=logout_path%>" data-method="delete">Logout</p>
+                        <p class="delete  waves-effect waves-block" style="padding:0.5rem 1rem; margin-bottom: 0rem;" data-ref="<%=logout_path%>" data-method="delete">Logout</p>
                          <span class="hidden" id="delete_text">
                             <h6>Are you sure you want to Logout ?</h6>
                             <!-- <h6>This action can't be undo. </h6> -->