diff --git a/changes/12310-setup-styling b/changes/12310-setup-styling
new file mode 100644
index 0000000000..4a17a3c5f3
--- /dev/null
+++ b/changes/12310-setup-styling
@@ -0,0 +1 @@
+Fix styling bug on setup caused by new font being much wider
diff --git a/frontend/pages/RegistrationPage/Breadcrumbs/_styles.scss b/frontend/pages/RegistrationPage/Breadcrumbs/_styles.scss
index add548e93b..68854aeaf9 100644
--- a/frontend/pages/RegistrationPage/Breadcrumbs/_styles.scss
+++ b/frontend/pages/RegistrationPage/Breadcrumbs/_styles.scss
@@ -12,21 +12,23 @@
 
   &__page {
     text-align: center;
-    width: 150px;
+    width: 156px;
     font-size: $small;
     font-weight: $regular;
     color: $core-white;
     position: relative;
-    padding-bottom: 5px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
 
     &::before {
       content: "";
       position: absolute;
-      width: 200px;
+      width: 198px;
       height: 2px;
       background-color: $core-vibrant-blue;
-      bottom: 46px;
-      left: 87px;
+      bottom: 78px;
+      left: 90px;
 
       @include breakpoint(tablet) {
         bottom: 25px;
@@ -41,7 +43,7 @@
       border-radius: 50%;
       content: "";
       font-size: $x-large;
-      margin: 14px auto 0;
+      margin-top: 12px;
       position: relative;
       z-index: 1;
       cursor: pointer;
@@ -64,6 +66,7 @@
     &--1 {
       &::after {
         border: 2px solid $core-white;
+        margin-top: 11px;
       }
 
       &.registration-breadcrumbs__page--active {
@@ -78,6 +81,7 @@
         &::after {
           background-color: transparent;
           border: 2px solid $core-white;
+          margin-top: 13px;
         }
       }
 
@@ -100,6 +104,7 @@
     &--2 {
       &::after {
         border: solid 1px $core-vibrant-blue;
+        margin-top: 11px;
       }
 
       &.registration-breadcrumbs__page--active {
@@ -114,6 +119,7 @@
         &::after {
           background-color: transparent;
           border: 2px solid $core-white;
+          margin-top: 13px;
         }
       }
 
@@ -139,6 +145,7 @@
 
       &::after {
         border: solid 1px $core-vibrant-blue;
+        margin-top: 11px;
       }
 
       &.registration-breadcrumbs__page--active {
@@ -153,6 +160,7 @@
         &::after {
           background-color: transparent;
           border: 2px solid $core-white;
+          margin-top: 13px;
         }
       }