diff --git a/scss/components/_tabBar.scss b/scss/components/_tabBar.scss
index 25f1ccb0fa..7d4c3fd267 100644
--- a/scss/components/_tabBar.scss
+++ b/scss/components/_tabBar.scss
@@ -28,7 +28,7 @@
 	}
 	
 	&.selected {
-		border-top: 2px solid #CC2936;
+		border-top: 2px solid $tab-background-color-selected;
 	}
 	
 	.tab-name {
diff --git a/scss/themes/_light.scss b/scss/themes/_light.scss
index 67f334cd93..a6b7fdcab6 100644
--- a/scss/themes/_light.scss
+++ b/scss/themes/_light.scss
@@ -87,6 +87,7 @@ $toolbar-border: .5px solid $toolbar-border-color;
 
 // Tab bar
 $tab-border: $toolbar-border;
+$tab-background-color-selected: #678AC5;
 
 // Icon
 $icon-color: $secondary;