diff --git a/client/public/stylesheets/unitcontrolpanel.css b/client/public/stylesheets/unitcontrolpanel.css
index b53ac37c..346a7a91 100644
--- a/client/public/stylesheets/unitcontrolpanel.css
+++ b/client/public/stylesheets/unitcontrolpanel.css
@@ -32,7 +32,7 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
 }
 
 #unit-control-panel #selected-units-container button::before {
-	background-color: var( --accent-light-blue );
+	background-color: var( --primary-grey );
 	border-radius: var( --border-radius-md );
 	content: attr( data-short-label );
 	margin:0 5px;
@@ -41,6 +41,17 @@ body.feature-forceShowUnitControlPanel #unit-control-panel {
 	width:fit-content;
 }
 
+
+
+#unit-control-panel #selected-units-container button[data-coalition="blue"]::before {
+	background-color: var( --accent-light-blue );
+}
+
+#unit-control-panel #selected-units-container button[data-coalition="red"]::before {
+	background-color: var( --accent-light-red );
+	color:var(--secondary-red-outline)
+}
+
 #unit-control-panel #selected-units-container button::after {
 	border-radius: var( --border-radius-sm );
 	content: attr( data-callsign );
diff --git a/client/public/themes/olympus/olympus.css b/client/public/themes/olympus/olympus.css
index 7e4986c3..f32c185f 100644
--- a/client/public/themes/olympus/olympus.css
+++ b/client/public/themes/olympus/olympus.css
@@ -19,6 +19,7 @@
 
     --accent-green            : #8bff63;
     --accent-light-blue       : #5ca7ff;
+    --accent-light-red        : #ffcccc;
 
     --background-grey         : #3d4651;
     --background-slate-blue   : #363c43;