diff --git a/src/layouts/base.layout.vue b/src/layouts/base.layout.vue
index c8aba19d..cd5001d2 100644
--- a/src/layouts/base.layout.vue
+++ b/src/layouts/base.layout.vue
@@ -2,8 +2,7 @@
 import { NIcon } from 'naive-ui';
 import { h, ref, type Component } from 'vue';
 import { RouterLink, useRoute } from 'vue-router';
-import { LightModeFilled, DarkModeFilled } from '@vicons/material'
-import { Heart, BrandGithub, BrandTwitter } from '@vicons/tabler'
+import { Heart, BrandGithub, BrandTwitter, Moon, Sun } from '@vicons/tabler'
 import { toolsByCategory } from '@/tools';
 import SearchBar from '../components/SearchBar.vue';
 import { useStyleStore } from '@/stores/style.store';
@@ -61,16 +60,17 @@ const m = toolsByCategory.map(category => ({
                      
                     Sponsor
                 
-                
+                    
+                
+                
-                    
+                    
                 
-                
-                    
-                
-                
-                    
-                    
+                
+                    
+