diff --git a/SAS/TMSS/frontend/tmss_webapp/src/App.css b/SAS/TMSS/frontend/tmss_webapp/src/App.css
index 766fff47baad6747a35c03a164125f8d181f5956..e3e9f72165be140740c9e7ad42474ffcbcfea7e9 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/App.css
+++ b/SAS/TMSS/frontend/tmss_webapp/src/App.css
@@ -53,6 +53,10 @@ a{
   margin-bottom: 10px;
 }
 
+.main-content {
+  margin-top:20px;
+}
+
 .main-content span,a{
   font-size: 14px;
 }
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/_overrides.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/_overrides.scss
index 87a69cd8d25d23627a538be42d0b7ac0595a0e3e..0fd0c0c45c82a891cf3f768fdaa0e1850baa130d 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/layout/_overrides.scss
+++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/_overrides.scss
@@ -23,14 +23,3 @@
     border-top: none;
    }
 }
-.app-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: baseline;
-}
-.app-header .app-header-name {
-    margin-bottom: 0;
-}
-.app-header .app-header-actions i {
-    margin-left: 20px;
-}
\ No newline at end of file
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/components/PageHeader.js b/SAS/TMSS/frontend/tmss_webapp/src/layout/components/PageHeader.js
index 3ff67bc1c8b84881cb182ff1b5b6fa90682bbbc7..2d7f62f9894b16c283435d6a7fd2f3a3909df957 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/layout/components/PageHeader.js
+++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/components/PageHeader.js
@@ -22,12 +22,12 @@ export default ({ title, subTitle, actions, ...props}) => {
     };
 
     return (
-        <div className="app-header">
+        <div className="page-header">
             <div className="title">
-                <h2 className="app-header-name">{title || page.title}</h2>
-                {(page.subTitle || subTitle) && <h6 className="app-header-subtitle">{subTitle || page.subTitle}</h6>}
+                <h2 className="page-title">{title || page.title}</h2>
+                {(page.subTitle || subTitle) && <h6 className="page-subtitle">{subTitle || page.subTitle}</h6>}
             </div>
-            <div className="app-header-actions">
+            <div className="page-action-menu">
                 {(actions || []).map(action => {
                     return (
                         <Link to={{ ...action.props }} title={action.title || ''} onClick={() => onClickLink(action)}>
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_layout.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_layout.scss
index 79f22ea107106c4e26e10b2cc375414ea77b293d..7f1c64219e88a4c1101b7d7b68dc20a6d7f19050 100644
--- a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_layout.scss
+++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_layout.scss
@@ -12,3 +12,4 @@
 @import "./_dashboard";
 @import "./_breadcrumb";
 @import "./_viewtable";
+@import "./_pageheader";
diff --git a/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_pageheader.scss b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_pageheader.scss
new file mode 100644
index 0000000000000000000000000000000000000000..fd360e6aaaefa18b093d946c5cfeacd662745b15
--- /dev/null
+++ b/SAS/TMSS/frontend/tmss_webapp/src/layout/sass/_pageheader.scss
@@ -0,0 +1,20 @@
+.page-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: baseline;
+    border-bottom: 1px solid #e0e0e0;
+    margin-bottom: 10px;
+    padding-bottom: 5px;
+}
+.page-title {
+    margin-bottom: 0;
+}
+.page-subtitle {
+    color: #b4b2b2;
+    font-size: 100%;
+    font-weight: 400;
+    margin-bottom: 0px;
+}
+.page-action-menu i {
+    margin-left: 5px;
+}
\ No newline at end of file