diff --git a/app/assets/stylesheets/application.scss b/app/assets/stylesheets/application.scss
index 9caef6fe..2249d049 100755
--- a/app/assets/stylesheets/application.scss
+++ b/app/assets/stylesheets/application.scss
@@ -93,3 +93,9 @@ nav.pagination .page a:hover,
   text-decoration: none;
 
 }
+
+/*Logout Icon*/
+i.logout_icon{
+  position: relative;
+  top: 5px;
+}
\ No newline at end of file
diff --git a/app/views/layouts/_header.html.erb b/app/views/layouts/_header.html.erb
index 4ef34487..41fe9480 100755
--- a/app/views/layouts/_header.html.erb
+++ b/app/views/layouts/_header.html.erb
@@ -31,7 +31,7 @@
                 <li>
                     <%if current_login_employee.role !="waiter" %>
                         <p class="delete waves-effect waves-block p-l-30 m-b-5" data-ref="<%=logout_path%>" data-method="delete">
-                            <i class="material-icons font-10">exit_to_app</i>
+                            <i class="material-icons font-10 logout_icon">exit_to_app</i>
                             <span class="font-18">Logout</span>
                         </p>
                          <span class="hidden" id="delete_text">