diff --git a/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss b/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss
index b9a13e6550956747f91d1c3e2bc3715e22cc3316..cd153db203be2605b99ccd695d3febe339e0d437 100644
--- a/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss
+++ b/src/components/hy-large-process-flow-phase/hy-large-process-flow-phase.scss
@@ -36,7 +36,7 @@
       height: 24px;
       left: 26.5px;
       position: absolute;
-      width: 10px;
+      width: 8px;
 
       @include breakpoint($narrow) {
         display: inline-block;
diff --git a/src/components/hy-large-process-flow/hy-large-process-flow.scss b/src/components/hy-large-process-flow/hy-large-process-flow.scss
index 833f8911c482dc3386e6b964fef25023e32ecb12..9c7049e810a71aa086bb88d16227f1e734b041bc 100644
--- a/src/components/hy-large-process-flow/hy-large-process-flow.scss
+++ b/src/components/hy-large-process-flow/hy-large-process-flow.scss
@@ -4,11 +4,13 @@
 
 .hy-large-process-flow {
   max-width: 100%;
+  padding-top: 8px;
   width: 100%;
 
   @include breakpoint($narrow) {
     //tablet up till 768 (including 768px)
     max-width: calc(100% / 8 * 7 + var(--gutter-narrow)); // 7 columns out of 8
+    padding-top: 0;
   }
   @include breakpoint($medium + 1) {
     //small desktop; > 768
@@ -53,7 +55,7 @@
       height: 100%;
       left: 26.5px;
       position: absolute;
-      width: 10px;
+      width: 8px;
       z-index: -1;
 
       @include breakpoint($narrow) {
@@ -75,7 +77,7 @@
       padding: 8px 0 !important;
 
       @include breakpoint($narrow) {
-        margin: 40px 0 48px 0;
+        margin: 48px 0;
         padding: 16px 0 !important;
       }
     }