diff --git a/screenshots/blackboard-grid.png b/screenshots/blackboard-grid.png
index 1b25e8f..6b95038 100644
Binary files a/screenshots/blackboard-grid.png and b/screenshots/blackboard-grid.png differ
diff --git a/screenshots/blackboard-list.png b/screenshots/blackboard-list.png
index ea9736c..e2fb611 100644
Binary files a/screenshots/blackboard-list.png and b/screenshots/blackboard-list.png differ
diff --git a/src/styles/online.manchester.ac.uk_ultra.scss b/src/styles/online.manchester.ac.uk_ultra.scss
index e025b4c..74ffbe0 100644
--- a/src/styles/online.manchester.ac.uk_ultra.scss
+++ b/src/styles/online.manchester.ac.uk_ultra.scss
@@ -110,8 +110,8 @@ nav ul#base_tools bb-base-navigation-button {
 
     // the active one
     &:has(.base-navigation-button.active) {
-        background-color: $background;
-        color: $on-background;
+        background-color: rgba($primary, 0.4) !important;
+        color: $on-primary;
         * {
             color: inherit !important;
         }