diff --git a/src/components/settings/ThemesTab.tsx b/src/components/settings/ThemesTab.tsx
index 4bea92bb..e00d4758 100644
--- a/src/components/settings/ThemesTab.tsx
+++ b/src/components/settings/ThemesTab.tsx
@@ -4,7 +4,7 @@ import { Clock, Palette, Store, Upload } from 'lucide-react';
 import { useThemeStore } from '../../store/themeStore';
 import { useInstalledThemesStore } from '../../store/installedThemesStore';
 import CustomSelect from '../CustomSelect';
-import BackToTopButton from '../BackToTopButton';
+import BackToTopButton from '@/ui/BackToTopButton';
 import { FIXED_THEMES } from './fixedThemes';
 import { InstalledThemes } from './InstalledThemes';
 import { ThemeImportSection } from './ThemeImportSection';
diff --git a/src/components/BackToTopButton.tsx b/src/ui/BackToTopButton.tsx
similarity index 97%
rename from src/components/BackToTopButton.tsx
rename to src/ui/BackToTopButton.tsx
index 97ee8d74..fd7bade1 100644
--- a/src/components/BackToTopButton.tsx
+++ b/src/ui/BackToTopButton.tsx
@@ -2,7 +2,7 @@ import { useEffect, useState } from 'react';
 import { createPortal } from 'react-dom';
 import { ArrowUp } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
-import { APP_MAIN_SCROLL_VIEWPORT_ID } from '../constants/appScroll';
+import { APP_MAIN_SCROLL_VIEWPORT_ID } from '@/constants/appScroll';
 
 interface BackToTopButtonProps {
   /** Id of the scroll viewport to watch/scroll. Defaults to the main route scroller. */