diff --git a/webapp/src/components/appContent.vue b/webapp/src/components/appContent.vue
index bc292f88..7322b224 100644
--- a/webapp/src/components/appContent.vue
+++ b/webapp/src/components/appContent.vue
@@ -212,27 +212,27 @@ export default {
     topTabs: function() {
       let tabs = [
         {
-          id: "View",
+          id: "view",
           icon: "visibility",
           component: viewContent
         },
         {
-          id: "Navigate",
+          id: "navigate",
           icon: "gamepad",
           component: navigateContent
         },
         {
-          id: "Background Detect",
+          id: "background detect",
           icon: "background_replace",
           component: backgroundDetectContent
         },
         {
-          id: "Slide Scan",
+          id: "slide scan",
           icon: "settings_overscan",
           component: slideScanContent
         },
         {
-          id: "Scan List",
+          id: "scan list",
           icon: "photo_library",
           component: ScanListContent
         }
diff --git a/webapp/src/components/genericComponents/tabIcon.vue b/webapp/src/components/genericComponents/tabIcon.vue
index 45ef17e3..6482e68c 100644
--- a/webapp/src/components/genericComponents/tabIcon.vue
+++ b/webapp/src/components/genericComponents/tabIcon.vue
@@ -103,6 +103,7 @@ export default {
   overflow: hidden;
   text-overflow: ellipsis;
   font-size: 85%;
+  text-transform: capitalize;
 }
 
 a:hover,