diff --git a/hwe/scss/gameEvent.scss b/hwe/scss/gameEvent.scss
index aea64de5..4e7433fc 100644
--- a/hwe/scss/gameEvent.scss
+++ b/hwe/scss/gameEvent.scss
@@ -31,29 +31,6 @@
   font-size: 0;
 }
 
-
-.compensatePositive {
-  color: $cyan;
-  display: inline-block;
-  width: 1rem;
-}
-
-.compensateNegative {
-  color: $red;
-  display: inline-block;
-  width: 1rem;
-}
-
-.compensateNeutral{
-  display: inline-block;
-  width: 1rem;
-}
-
-.commandImpossible {
-  color: $red;
-  text-decoration: line-through $red;
-}
-
 .t_date {
   font-size: 0.75em;
 }
diff --git a/hwe/ts/components/CommandSelectForm.vue b/hwe/ts/components/CommandSelectForm.vue
index 88d886f3..2e9c2c31 100644
--- a/hwe/ts/components/CommandSelectForm.vue
+++ b/hwe/ts/components/CommandSelectForm.vue
@@ -205,7 +205,10 @@ defineExpose({
 });
 </script>
 
-<style scoped>
+<style scoped lang="scss">
+@import "@scss/common/variables.scss";
+@import "@scss/common/bootswatch_custom_variables.scss";
+
 .commandItem {
   border: gray 1px solid;
   border-radius: 0.5em;
@@ -219,4 +222,28 @@ defineExpose({
   justify-content: center;
 }
 
+
+.compensatePositive {
+  color: $cyan;
+  display: inline-block;
+  width: 1rem;
+}
+
+.compensateNegative {
+  color: $red;
+  display: inline-block;
+  width: 1rem;
+}
+
+.compensateNeutral{
+  display: inline-block;
+  width: 1rem;
+}
+
+.commandImpossible {
+  color: $red;
+  text-decoration: line-through $red;
+}
+
+
 </style>