diff --git a/packages/web/components/Topbar/SettingsButton.tsx b/packages/web/components/Topbar/SettingsButton.tsx
index 1388208..0d565c6 100644
--- a/packages/web/components/Topbar/SettingsButton.tsx
+++ b/packages/web/components/Topbar/SettingsButton.tsx
@@ -9,7 +9,7 @@ const SettingsButton = ({ className }: { className?: string }) => {
     <button
       onClick={() => navigate('/settings')}
       className={cx(
-        'app-region-no-drag flex h-12 w-12 items-center justify-center rounded-full bg-white/60 text-neutral-500 transition transition duration-400 duration-400 hover:bg-white dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-100',
+        'app-region-no-drag flex h-12 w-12 items-center justify-center rounded-full bg-white/60 text-neutral-500 transition duration-400 hover:bg-white dark:bg-neutral-700 dark:text-neutral-300 dark:hover:bg-neutral-100',
         className
       )}
     >
diff --git a/packages/web/pages/My/Collections.tsx b/packages/web/pages/My/Collections.tsx
index bb9f782..c900c0c 100644
--- a/packages/web/pages/My/Collections.tsx
+++ b/packages/web/pages/My/Collections.tsx
@@ -152,7 +152,7 @@ const Collections = () => {
   const { librarySelectedTab: selectedTab } = useSnapshot(persistedUiStates)
   return (
     <motion.div>
-      <CollectionTabs className='sticky top-[100px] z-10 w-full backdrop-blur-lg py-5 h-20'/>
+      <CollectionTabs className='sticky top-[100px] z-10 w-full bg-[#F6F6F6] dark:bg-[#000] backdrop-blur-lg pb-5 pt-7 h-20 '/>
       <div className={cx('px-2.5 pt-10 lg:px-0')}>
         {selectedTab === 'daily' && <Daily />}
         {selectedTab === 'albums' && <Albums />}