From 44d44ec06c9948e9e459881e2ac2a104af4f0f79 Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Mon, 16 Feb 2026 11:15:38 +0000
Subject: [PATCH 1/8] set secondary button radius

---
 src/assets/stylesheets/Button.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/assets/stylesheets/Button.scss b/src/assets/stylesheets/Button.scss
index 4d507c1af..36cb76ba4 100644
--- a/src/assets/stylesheets/Button.scss
+++ b/src/assets/stylesheets/Button.scss
@@ -76,6 +76,7 @@
 
   &--secondary {
     background-color: inherit;
+    border-radius: var(--rpf-secondary-button-radius, $space-0-5);
 
     color: var(--rpf-button-secondary-text-color);
 

From f8ceead399a3d9892f14a897e46a894bf5d88d86 Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Mon, 16 Feb 2026 11:35:55 +0000
Subject: [PATCH 2/8] add custom padding to progress bar and sidebar footer

---
 src/assets/stylesheets/ProgressBar.scss | 1 +
 src/assets/stylesheets/Sidebar.scss     | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/assets/stylesheets/ProgressBar.scss b/src/assets/stylesheets/ProgressBar.scss
index 22c30329a..29628d297 100644
--- a/src/assets/stylesheets/ProgressBar.scss
+++ b/src/assets/stylesheets/ProgressBar.scss
@@ -7,6 +7,7 @@
   justify-content: center;
   margin: auto;
   gap: $space-1;
+  padding-block: var(--progress-bar-padding, inherit);
 
   .progress-container {
     flex: 1;
diff --git a/src/assets/stylesheets/Sidebar.scss b/src/assets/stylesheets/Sidebar.scss
index e429463ff..43105bfb3 100644
--- a/src/assets/stylesheets/Sidebar.scss
+++ b/src/assets/stylesheets/Sidebar.scss
@@ -121,7 +121,7 @@
 }
 
 .sidebar__panel--with-footer {
-  padding-block-end: $space-2;
+  padding-block-end: var(--sidebar-footer-padding, $space-2);
 }
 
 .sidebar__panel-heading {

From 601436005a4e0af66c4781403f0f6dc606d7e763 Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Mon, 16 Feb 2026 12:04:14 +0000
Subject: [PATCH 3/8] add padding to instruction panel bottom

---
 src/assets/stylesheets/Instructions.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/assets/stylesheets/Instructions.scss b/src/assets/stylesheets/Instructions.scss
index 76de3a1e1..6a8ebf4bc 100644
--- a/src/assets/stylesheets/Instructions.scss
+++ b/src/assets/stylesheets/Instructions.scss
@@ -7,6 +7,10 @@
 .project-instructions {
   block-size: 100%;
 
+  &__content {
+    padding-block-end: var(--project-instructions-padding);
+  }
+
   h2 {
     @include typography.style-1-5(bold);
     margin: 0;

From c38295156db8c97d98fd18d70eb903c035ca24af Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Tue, 17 Feb 2026 08:45:05 +0000
Subject: [PATCH 4/8] add gap for progress bar and step counter

---
 src/assets/stylesheets/ProgressBar.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/assets/stylesheets/ProgressBar.scss b/src/assets/stylesheets/ProgressBar.scss
index 29628d297..7b13dc80b 100644
--- a/src/assets/stylesheets/ProgressBar.scss
+++ b/src/assets/stylesheets/ProgressBar.scss
@@ -15,6 +15,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
+    gap: 4px;
   }
 
   progress {

From 24c2a9e8f4713cacb0ae7f74a1594f7bbb94f4bf Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Tue, 17 Feb 2026 15:45:57 +0000
Subject: [PATCH 5/8] remove buttonOuter for step nav

---
 .../Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx | 2 --
 1 file changed, 2 deletions(-)

diff --git a/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx b/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx
index 697c7a24d..f436d6dc3 100644
--- a/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx
+++ b/src/components/Menus/Sidebar/InstructionsPanel/ProgressBar/ProgressBar.jsx
@@ -36,7 +36,6 @@ const ProgressBar = () => {
       <div className="progress-bar">
         <Button
           className={"btn--secondary btn--small"}
-          buttonOuter
           onClickHandler={goToPreviousStep}
           ButtonIcon={ChevronLeft}
           disabled={currentStepPosition === 0}
@@ -54,7 +53,6 @@ const ProgressBar = () => {
 
         <Button
           className={"btn--secondary btn--small"}
-          buttonOuter
           onClickHandler={goToNextStep}
           ButtonIcon={ChevronRight}
           disabled={currentStepPosition === numberOfSteps - 1}

From 9d1a31a580946a46d2cdde35920809eb817ff4b2 Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Tue, 17 Feb 2026 15:46:17 +0000
Subject: [PATCH 6/8] add padding for progress bar

---
 src/assets/stylesheets/ProgressBar.scss | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/assets/stylesheets/ProgressBar.scss b/src/assets/stylesheets/ProgressBar.scss
index 7b13dc80b..5fc519c24 100644
--- a/src/assets/stylesheets/ProgressBar.scss
+++ b/src/assets/stylesheets/ProgressBar.scss
@@ -7,7 +7,7 @@
   justify-content: center;
   margin: auto;
   gap: $space-1;
-  padding-block: var(--progress-bar-padding, inherit);
+  padding-block: $space-0-5;
 
   .progress-container {
     flex: 1;

From 33cbe785d7aaabeb9984813ee583202b960b1243 Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Tue, 17 Feb 2026 15:48:06 +0000
Subject: [PATCH 7/8] fix double border in sidebar items

---
 src/assets/stylesheets/Sidebar.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/stylesheets/Sidebar.scss b/src/assets/stylesheets/Sidebar.scss
index 43105bfb3..06eed31fc 100644
--- a/src/assets/stylesheets/Sidebar.scss
+++ b/src/assets/stylesheets/Sidebar.scss
@@ -44,7 +44,7 @@
 .sidebar__bar-options--bottom {
   display: flex;
   flex-direction: column;
-  align-items: center;
+  align-items: var(--sidebar-options-alignment, center);
   justify-content: center;
   gap: $space-0-5;
 }
@@ -66,7 +66,7 @@
       position: absolute;
       top: -8px;
       bottom: -1px;
-      right: -11px;
+      right: -12px;
       width: var(--sidebar-border-obscurer-width);
       height: 60px;
       background-color: var(--sidebar-panel-background);

From b316b5c546f9d1c4525d8dc9d7d982e42d6ee56c Mon Sep 17 00:00:00 2001
From: Ram Modhvadia <ram.modhvadia@raspberrypi.org>
Date: Mon, 23 Feb 2026 08:27:12 +0000
Subject: [PATCH 8/8] copilot suggestions

---
 src/assets/stylesheets/Instructions.scss | 2 +-
 src/assets/stylesheets/ProgressBar.scss  | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/assets/stylesheets/Instructions.scss b/src/assets/stylesheets/Instructions.scss
index 6a8ebf4bc..a14b4645b 100644
--- a/src/assets/stylesheets/Instructions.scss
+++ b/src/assets/stylesheets/Instructions.scss
@@ -8,7 +8,7 @@
   block-size: 100%;
 
   &__content {
-    padding-block-end: var(--project-instructions-padding);
+    padding-block-end: var(--project-instructions-padding, $space-1);
   }
 
   h2 {
diff --git a/src/assets/stylesheets/ProgressBar.scss b/src/assets/stylesheets/ProgressBar.scss
index 5fc519c24..a7d35bc8c 100644
--- a/src/assets/stylesheets/ProgressBar.scss
+++ b/src/assets/stylesheets/ProgressBar.scss
@@ -15,7 +15,7 @@
     display: flex;
     flex-direction: column;
     align-items: center;
-    gap: 4px;
+    gap: $space-0-25;
   }
 
   progress {