diff --git a/src/components/general/ThresholdInformation.vue b/src/components/general/ThresholdInformation.vue
index 8ae4143b5..e3e08a850 100644
--- a/src/components/general/ThresholdInformation.vue
+++ b/src/components/general/ThresholdInformation.vue
@@ -5,6 +5,7 @@
     size="small"
     class="ms-1 px-2 threshold-count"
     density="compact"
+    variant="flat"
     :color
   >
     {{ count }}
@@ -21,7 +22,7 @@ interface Props {
 }
 
 withDefaults(defineProps<Props>(), {
-  color: 'orange-darken-4',
+  color: '#00BBF0',
 })
 </script>
 
diff --git a/src/views/TopologyDisplayView.vue b/src/views/TopologyDisplayView.vue
index 9c9b1fd8a..80ca5d60b 100644
--- a/src/views/TopologyDisplayView.vue
+++ b/src/views/TopologyDisplayView.vue
@@ -73,7 +73,6 @@
             <ThresholdInformation
               :icon="item.thresholdIcon"
               :count="item.thresholdCount"
-              color="yellow-darken-1"
             />
           </template>
         </v-btn>