diff --git a/client/src/App/App.styles.scss b/client/src/App/App.styles.scss
index 50e656895..736093151 100644
--- a/client/src/App/App.styles.scss
+++ b/client/src/App/App.styles.scss
@@ -1,5 +1,8 @@
 //Global Styles.
 @import "react-big-calendar/lib/sass/styles";
+.ant-menu-item-divider {
+  border-bottom: 1px solid #74695c !important;
+}
 
 .imex-table-header {
   display: flex;
diff --git a/client/src/components/header/header.component.jsx b/client/src/components/header/header.component.jsx
index a1a567b9b..7955e6970 100644
--- a/client/src/components/header/header.component.jsx
+++ b/client/src/components/header/header.component.jsx
@@ -255,6 +255,9 @@ function Header({handleMenuClick, currentUser, bodyshop, selectedHeader, signOut
                     icon: <UnorderedListOutlined/>,
                     label: (<Link to="/manage/jobs/all">{t("menus.header.alljobs")}</Link>)
                 },
+                {
+                    type: 'divider',
+                },
                 {
                     key: 'productionlist',
                     icon: <ScheduleOutlined/>,