diff --git a/packages/docs/src/components/app/settings/options/OfflineOption.vue b/packages/docs/src/components/app/settings/options/OfflineOption.vue
index 1c044bc0a56..494f5b9d6a2 100644
--- a/packages/docs/src/components/app/settings/options/OfflineOption.vue
+++ b/packages/docs/src/components/app/settings/options/OfflineOption.vue
@@ -8,10 +8,16 @@
         : 'settings.offline.message'"
     title="settings.offline.header"
   >
-    <SettingsSwitch
-      v-model="store.availableOffline"
-      class="flex-0-0-auto ms-auto"
-    />
+    <v-defaults-provider
+      :defaults="{
+        VIcon: { color: store.availableOffline ? 'primary' : 'disabled' }
+      }"
+    >
+      <SettingsSwitch
+        v-model="store.availableOffline"
+        class="flex-0-0-auto ms-auto"
+      />
+    </v-defaults-provider>
   </AppSettingsSettingsHeader>
 
   <v-progress-linear