diff --git a/components/nav/NavBottom.vue b/components/nav/NavBottom.vue
index 4cb29df4c6..27e08d6864 100644
--- a/components/nav/NavBottom.vue
+++ b/components/nav/NavBottom.vue
@@ -17,7 +17,7 @@ const { notifications } = useNotifications()
         <div i-ri:home-5-line />
       </NuxtLink>
       <NuxtLink to="/discover" :aria-label="$t('nav.discover')" :active-class="moreMenuVisible ? '' : 'text-primary'" flex flex-row items-center place-content-center h-full flex-1 class="coarse-pointer:select-none" @click="$scrollToTop">
-        <div i-ri:compass-fill />
+        <div i-lucide:compass />
       </NuxtLink>
       <NuxtLink to="/search" :aria-label="$t('nav.search')" :active-class="moreMenuVisible ? '' : 'text-primary'" flex flex-row items-center place-content-center h-full flex-1 class="coarse-pointer:select-none" @click="$scrollToTop">
         <div i-ri:search-line />
diff --git a/components/nav/NavSide.vue b/components/nav/NavSide.vue
index 3582a4d80c..e1c6fb7de1 100644
--- a/components/nav/NavSide.vue
+++ b/components/nav/NavSide.vue
@@ -12,7 +12,7 @@ const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
 
     <div class="spacer" shrink xl:hidden />
     <NavSideItem :text="$t('nav.home')" to="/home" icon="i-ri:home-5-line" user-only :command="command" />
-    <NavSideItem :text="$t('nav.discover')" to="/discover" icon="i-ri-compass-fill" :command="command" />
+    <NavSideItem :text="$t('nav.discover')" to="/discover" icon="i-lucide:compass" :command="command" />
     <NavSideItem :text="$t('nav.notifications')" to="/notifications" icon="i-ri:notification-4-line" user-only :command="command">
       <template #icon>
         <div flex relative>