diff --git a/openflexure_microscope/api/static/src/assets/less/theme.less b/openflexure_microscope/api/static/src/assets/less/theme.less
index 17d014a2..a85a599c 100644
--- a/openflexure_microscope/api/static/src/assets/less/theme.less
+++ b/openflexure_microscope/api/static/src/assets/less/theme.less
@@ -59,6 +59,12 @@
     text-rendering: optimizeLegibility;
 }
 
+//
+// Decorations
+//
+@small-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
+@big-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
+
 //
 // Container
 //
@@ -148,6 +154,7 @@
 // Paper
 //
 @paper-border-radius: 4px;
+@button-border-radius: 3px;
 
 
 /* ========================================================================
@@ -187,9 +194,8 @@
 
 .uk-card {
     border-radius: @paper-border-radius;
-    border: 1px solid rgba(180, 180, 180, 0.25);
-    box-shadow: none;
-    -webkit-box-shabox-shadow: none;
+    //border: 1px solid rgba(180, 180, 180, 0.25);
+    box-shadow: @small-shadow;
 }
 
 .uk-card-media-top img {
@@ -228,7 +234,7 @@
  */
 .uk-modal-dialog {
     border-radius: @paper-border-radius;
-    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
+    box-shadow: @big-shadow;
     transition: 0.3s ease !important;
 }
 
@@ -245,7 +251,7 @@
  */
 .uk-notification-message {
     border-radius: @paper-border-radius;
-    box-shadow: 0 14px 25px rgba(0, 0, 0, 0.16);
+    box-shadow: @big-shadow;
 }
 
 .uk-notification-message-danger {
@@ -287,7 +293,7 @@ a:hover {
  * Buttons
  */
 .uk-button {
-    border-radius: 2px;
+    border-radius: @button-border-radius;
     padding: 0 8px;
 }
 
diff --git a/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue b/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue
index 15dfd38f..da770a4d 100644
--- a/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue
+++ b/openflexure_microscope/api/static/src/components/genericComponents/tabIcon.vue
@@ -93,7 +93,9 @@ export default {
 @import "../../assets/less/theme.less";
 
 .tabicon-active {
-  color: @global-primary-background !important;
+  color: #fff !important;
+  background-color: @global-primary-background !important;
+  box-shadow: @small-shadow;
 }
 
 .hook-inverse() {
diff --git a/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue b/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue
index 303c5cf2..c0242cc5 100644
--- a/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue
+++ b/openflexure_microscope/api/static/src/components/viewComponents/settingsDisplay.vue
@@ -153,7 +153,10 @@ export default {
 };
 </script>
 
-<style lang="less">
+<style lang="less" scoped>
+// Custom UIkit CSS modifications
+@import "../../assets/less/theme.less";
+
 .settings-pane {
   border-width: 0 1px 0 0;
   border-style: solid;
@@ -170,4 +173,9 @@ export default {
   border-style: solid;
   border-color: rgba(180, 180, 180, 0.25);
 }
+
+.settings-nav li > a {
+  padding-left: 6px !important;
+  border-radius: @button-border-radius;
+}
 </style>