diff --git a/web/src/components/main-nav.vue b/web/src/components/main-nav.vue
index 0f970573..a398e2ee 100644
--- a/web/src/components/main-nav.vue
+++ b/web/src/components/main-nav.vue
@@ -49,10 +49,10 @@
                     class="theme-switch-wrap"
                 >
                     <template #checked-icon>
-                        <n-icon :component="LightModeOutlined" />
+                        <n-icon :component="DarkModeOutlined" />
                     </template>
                     <template #unchecked-icon>
-                        <n-icon :component="DarkModeOutlined" />
+                        <n-icon :component="LightModeOutlined" />
                     </template>
                 </n-switch>
             </div>