diff --git a/ui/package-lock.json b/ui/package-lock.json
index 504764e2d..d8638de3b 100644
--- a/ui/package-lock.json
+++ b/ui/package-lock.json
@@ -16,7 +16,7 @@
                 "@fortawesome/react-fontawesome": "^0.1.18",
                 "@reduxjs/toolkit": "^1.9.0",
                 "@rjsf/core": "^4.1.1",
-                "bootstrap": "^5.2.3",
+                "bootstrap": "^5.3.0",
                 "date-fns": "^2.28.0",
                 "deep-object-diff": "^1.1.7",
                 "file-saver": "^2.0.5",
@@ -1622,9 +1622,9 @@
             }
         },
         "node_modules/bootstrap": {
-            "version": "5.2.3",
-            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
-            "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ==",
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.1.tgz",
+            "integrity": "sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g==",
             "funding": [
                 {
                     "type": "github",
@@ -1636,7 +1636,7 @@
                 }
             ],
             "peerDependencies": {
-                "@popperjs/core": "^2.11.6"
+                "@popperjs/core": "^2.11.8"
             }
         },
         "node_modules/braces": {
@@ -5088,9 +5088,9 @@
             "dev": true
         },
         "bootstrap": {
-            "version": "5.2.3",
-            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.2.3.tgz",
-            "integrity": "sha512-cEKPM+fwb3cT8NzQZYEu4HilJ3anCrWqh3CHAok1p9jXqMPsPTBhU25fBckEJHJ/p+tTxTFTsFQGM+gaHpi3QQ=="
+            "version": "5.3.1",
+            "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-5.3.1.tgz",
+            "integrity": "sha512-jzwza3Yagduci2x0rr9MeFSORjcHpt0lRZukZPZQJT1Dth5qzV7XcgGqYzi39KGAVYR8QEDVoO0ubFKOxzMG+g=="
         },
         "braces": {
             "version": "3.0.2",
diff --git a/ui/package.json b/ui/package.json
index 55a71a8eb..26801de93 100644
--- a/ui/package.json
+++ b/ui/package.json
@@ -12,7 +12,7 @@
         "@fortawesome/react-fontawesome": "^0.1.18",
         "@reduxjs/toolkit": "^1.9.0",
         "@rjsf/core": "^4.1.1",
-        "bootstrap": "^5.2.3",
+        "bootstrap": "^5.3.0",
         "date-fns": "^2.28.0",
         "deep-object-diff": "^1.1.7",
         "file-saver": "^2.0.5",
diff --git a/ui/src/theme/project/buttons.scss b/ui/src/theme/project/buttons.scss
index a4394bea6..6b291651a 100644
--- a/ui/src/theme/project/buttons.scss
+++ b/ui/src/theme/project/buttons.scss
@@ -52,6 +52,8 @@ $custom-control-spacer-x: 1rem;
             white-space: normal;
             height: 60px;
 
+            background: var(--bs-btn-bg);
+
             &.previous {
                 $color: map.get($theme-colors, 'secondary');
                 @include button-variant($color, $color);
diff --git a/ui/src/theme/variables.scss b/ui/src/theme/variables.scss
index 90025b956..69a0b7722 100644
--- a/ui/src/theme/variables.scss
+++ b/ui/src/theme/variables.scss
@@ -89,3 +89,7 @@ $fa-font-path: "~font-awesome/fonts";
 $body-bg: $gray-100;
 
 $link-decoration: none;
+
+:root {
+    --bs-tertiary-bg: #e9ecef;
+}
\ No newline at end of file