diff --git a/web/src/components/ui/signalStrength.vue b/web/src/components/ui/signalStrength.vue
index 6886389..2772b69 100644
--- a/web/src/components/ui/signalStrength.vue
+++ b/web/src/components/ui/signalStrength.vue
@@ -11,6 +11,7 @@
           small
           v-bind="attrs"
           v-on="on"
+          :outlined="$vuetify.theme.dark"
         >
           <v-icon small left :color="signalStrengthColor(value) + ' darken-2'">
             {{ signalStrengthIcon(value) }}
@@ -20,7 +21,7 @@
         </v-chip>
       </template>
       <template v-else>
-        <v-chip small color="grey lighten-4">
+        <v-chip small color="grey lighten-4" :outlined="$vuetify.theme.dark">
           <v-icon small left color="grey">mdi-signal-off</v-icon>
           <small v-if="offline">Offline</small>
           <small v-else>{{ noSignalText }}</small>
diff --git a/web/src/views/AccessPoints/index.vue b/web/src/views/AccessPoints/index.vue
index 4071a09..9d2fac9 100644
--- a/web/src/views/AccessPoints/index.vue
+++ b/web/src/views/AccessPoints/index.vue
@@ -152,6 +152,7 @@
             :color="loadColor(item.clients) + ' lighten-5'"
             light
             @click="navigateToAccessPoint(item)"
+            :outlined="$vuetify.theme.dark"
           >
             <v-icon left :color="loadColor(item.clients)">
               {{ loadIcon(item.clients) }}