diff --git a/components/main/MainContent.vue b/components/main/MainContent.vue
index b978cf92..64ae5136 100644
--- a/components/main/MainContent.vue
+++ b/components/main/MainContent.vue
@@ -14,7 +14,7 @@ defineProps<{
       <div flex justify-between px5 py4>
         <div flex gap-3 items-center>
           <NuxtLink v-if="back" flex="~ gap1" items-center btn-text p-0 @click="$router.go(-1)">
-            <div i-ri-arrow-left-line />
+            <div i-ri:arrow-left-line />
           </NuxtLink>
           <slot name="title" />
           <div h-7 w-1px />
diff --git a/components/nav/NavFooter.vue b/components/nav/NavFooter.vue
index 7b4b01ac..3bf11b66 100644
--- a/components/nav/NavFooter.vue
+++ b/components/nav/NavFooter.vue
@@ -8,7 +8,7 @@ const buildTimeAgo = useTimeAgo(buildTime)
   <footer p4 text-sm text-secondary-light flex="~ col">
     <div flex="~ gap2" items-center mb4>
       <CommonTooltip :content="t('nav_footer.toggle_theme')">
-        <button flex i-ri-sun-line dark:i-ri-moon-line text-lg @click="toggleDark()" />
+        <button flex i-ri:sun-line dark:i-ri:moon-line text-lg @click="toggleDark()" />
       </CommonTooltip>
       <CommonTooltip :content="t('nav_footer.zen_mode')">
         <button