Fixed header display on fullscreen

src/app/components/header/header.component.scss

@@ -3,12 +3,37 @@
 .app-header {
     position: fixed;
     top: 0;
-    width: 96%;
+    width: 98%;
     background-color: white;
     height: 104px;
     padding-top: 20px;
 }
 
+@media screen and (max-width: 1275px) {
+    .app-header {
+        width: 98%;
+    }
+}
+
+@media screen and (max-width: 1105px) {
+    .app-header {
+        width: 97%;
+    }
+}
+
+@media screen and (max-width: 827px) {
+    .app-header {
+        width: 96%;
+    }
+}
+
+@media screen and (max-width: 461px) {
+    .app-header {
+        width: 95%;
+    }
+}
+
+
 .three-col-grid-container {
     display: grid;
     grid-template-columns: auto auto auto;

src/app/components/process-header/process-header.component.scss

@@ -21,7 +21,7 @@
 }
 
 .process-grid-container {
-    overflow: scroll;
+    overflow: auto;
     white-space: nowrap;
     height: 40px;
 }