diff --git a/public/themes/aura-dark-amber/theme.css b/public/themes/aura-dark-amber/theme.css
index 326c2d6d8..30a6e6a21 100644
--- a/public/themes/aura-dark-amber/theme.css
+++ b/public/themes/aura-dark-amber/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-blue/theme.css b/public/themes/aura-dark-blue/theme.css
index 33f806718..760f0c8ae 100644
--- a/public/themes/aura-dark-blue/theme.css
+++ b/public/themes/aura-dark-blue/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-cyan/theme.css b/public/themes/aura-dark-cyan/theme.css
index a71eb14ad..e7422fa44 100644
--- a/public/themes/aura-dark-cyan/theme.css
+++ b/public/themes/aura-dark-cyan/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-green/theme.css b/public/themes/aura-dark-green/theme.css
index 4de07897e..4fe4100a1 100644
--- a/public/themes/aura-dark-green/theme.css
+++ b/public/themes/aura-dark-green/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-indigo/theme.css b/public/themes/aura-dark-indigo/theme.css
index 5d8fc8f64..00f1c06f4 100644
--- a/public/themes/aura-dark-indigo/theme.css
+++ b/public/themes/aura-dark-indigo/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-lime/theme.css b/public/themes/aura-dark-lime/theme.css
index eb21d6f22..50237b268 100644
--- a/public/themes/aura-dark-lime/theme.css
+++ b/public/themes/aura-dark-lime/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-noir/theme.css b/public/themes/aura-dark-noir/theme.css
index 644892b88..52f6fc435 100644
--- a/public/themes/aura-dark-noir/theme.css
+++ b/public/themes/aura-dark-noir/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-pink/theme.css b/public/themes/aura-dark-pink/theme.css
index de7c59a01..44638c1ef 100644
--- a/public/themes/aura-dark-pink/theme.css
+++ b/public/themes/aura-dark-pink/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-purple/theme.css b/public/themes/aura-dark-purple/theme.css
index 33168128e..24eb62f49 100644
--- a/public/themes/aura-dark-purple/theme.css
+++ b/public/themes/aura-dark-purple/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-dark-teal/theme.css b/public/themes/aura-dark-teal/theme.css
index cdd7f359b..9ca639a0b 100644
--- a/public/themes/aura-dark-teal/theme.css
+++ b/public/themes/aura-dark-teal/theme.css
@@ -11511,8 +11511,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11610,7 +11610,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11808,8 +11808,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-amber/theme.css b/public/themes/aura-light-amber/theme.css
index e6282e020..c5d3000f0 100644
--- a/public/themes/aura-light-amber/theme.css
+++ b/public/themes/aura-light-amber/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-blue/theme.css b/public/themes/aura-light-blue/theme.css
index 733f0fc2c..e243709fc 100644
--- a/public/themes/aura-light-blue/theme.css
+++ b/public/themes/aura-light-blue/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-cyan/theme.css b/public/themes/aura-light-cyan/theme.css
index 63ac0f770..df63b0f71 100644
--- a/public/themes/aura-light-cyan/theme.css
+++ b/public/themes/aura-light-cyan/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-green/theme.css b/public/themes/aura-light-green/theme.css
index 80873dcf9..85eafe69f 100644
--- a/public/themes/aura-light-green/theme.css
+++ b/public/themes/aura-light-green/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-indigo/theme.css b/public/themes/aura-light-indigo/theme.css
index 20a0f0219..36f861984 100644
--- a/public/themes/aura-light-indigo/theme.css
+++ b/public/themes/aura-light-indigo/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-lime/theme.css b/public/themes/aura-light-lime/theme.css
index d5df5d6b4..f76b7148c 100644
--- a/public/themes/aura-light-lime/theme.css
+++ b/public/themes/aura-light-lime/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-noir/theme.css b/public/themes/aura-light-noir/theme.css
index badc8fcac..15480351c 100644
--- a/public/themes/aura-light-noir/theme.css
+++ b/public/themes/aura-light-noir/theme.css
@@ -11520,8 +11520,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11619,7 +11619,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11817,8 +11817,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-pink/theme.css b/public/themes/aura-light-pink/theme.css
index ca83f86bb..2882863ae 100644
--- a/public/themes/aura-light-pink/theme.css
+++ b/public/themes/aura-light-pink/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-purple/theme.css b/public/themes/aura-light-purple/theme.css
index fcfef867b..c902afadc 100644
--- a/public/themes/aura-light-purple/theme.css
+++ b/public/themes/aura-light-purple/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {
diff --git a/public/themes/aura-light-teal/theme.css b/public/themes/aura-light-teal/theme.css
index 89f84c7a0..7da301419 100644
--- a/public/themes/aura-light-teal/theme.css
+++ b/public/themes/aura-light-teal/theme.css
@@ -11512,8 +11512,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-selectbutton .p-button.p-highlight::before {
@@ -11611,7 +11611,7 @@
     margin-top: calc(-1rem + 1px);
   }
   .p-steps .p-steps-item:first-child::before {
-    width: calc(50% + math.div($stepsItemNumberWidth,2));
+    width: calc(50% + 1rem);
     transform: translateX(100%);
   }
   .p-steps .p-steps-item:last-child::before {
@@ -11809,8 +11809,8 @@
     position: absolute;
     left: 0.25rem;
     top: 0.25rem;
-    width: calc(100% - .5rem);
-    height: calc(100% - .5rem);
+    width: calc(100% - 0.5rem);
+    height: calc(100% - 0.5rem);
     border-radius: 4px;
   }
   .p-togglebutton.p-highlight .p-button::before {