diff --git a/src/components/Settings/BewlyPages/BewlyPages.vue b/src/components/Settings/BewlyPages/BewlyPages.vue
index ffc412d6..0fc16fcb 100644
--- a/src/components/Settings/BewlyPages/BewlyPages.vue
+++ b/src/components/Settings/BewlyPages/BewlyPages.vue
@@ -51,7 +51,9 @@ const pages = [
 
     <!-- Content -->
     <div class="flex-1 p-4">
-      <Component :is="pages.find(page => page.value === activePage)?.component" />
+      <Transition name="page-fade">
+        <Component :is="pages.find(page => page.value === activePage)?.component" />
+      </Transition>
     </div>
   </div>
 </template>