diff --git a/src/svelte-interface/components/store/Header.svelte b/src/svelte-interface/components/store/Header.svelte
index d1993244..84bfbf43 100644
--- a/src/svelte-interface/components/store/Header.svelte
+++ b/src/svelte-interface/components/store/Header.svelte
@@ -12,7 +12,7 @@
   };
 </script>
 
-<header class="fixed top-0 z-50 w-full h-[4.25rem] bg-white border-b shadow-md border-b-white/10 dark:bg-zinc-800/90 backdrop-blur-xl dark:text-white">
+<header class="fixed top-0 z-50 w-full h-[4.25rem] bg-white border-b shadow-md border-b-white/10 dark:bg-zinc-950/90 backdrop-blur-xl dark:text-white">
   <div class="flex items-center justify-between px-4 py-1">
     <div class="flex gap-4 cursor-pointer place-items-center" onkeydown={(e) => { if (e.key === 'Enter') clearSearch() }} onclick={clearSearch} role="button" tabindex="0">
       <img src={browser.runtime.getURL(logo)} class="h-14 {darkMode ? 'hidden' : ''}" alt="Logo" />
diff --git a/src/svelte-interface/pages/store.svelte b/src/svelte-interface/pages/store.svelte
index 9ce5065e..642d6125 100644
--- a/src/svelte-interface/pages/store.svelte
+++ b/src/svelte-interface/pages/store.svelte
@@ -63,35 +63,35 @@
   ));
 </script>
 
-<div class="w-screen h-screen bg-white {darkMode ? 'dark' : ''}">
-  <Header searchTerm={searchTerm} setSearchTerm={setSearchTerm} darkMode={darkMode} />
+<div class="w-screen h-screen bg-white pt-[4.25rem] {darkMode ? 'dark' : ''}">
+  <div class="h-full overflow-y-scroll bg-zinc-200/50 dark:bg-zinc-900 dark:text-white">
+    <Header searchTerm={searchTerm} setSearchTerm={setSearchTerm} darkMode={darkMode} />
+    
+    <div class="px-12 pt-12">
+      <!-- Loading State -->
+      {#if loading}
+        <div class="grid grid-cols-1 gap-4 py-12 mx-auto sm:grid-cols-2 lg:grid-cols-3">
+          <SkeletonLoader width="100%" height="200px" />
+        </div>
+      {:else}
   
-  <div class="bg-zinc-200/50 dark:bg-zinc-900 dark:text-white pt-[4.25rem] h-full px-12 overflow-y-scroll">
-
-
-    <!-- Loading State -->
-    {#if loading}
-      <div class="grid grid-cols-1 gap-4 py-12 mx-auto sm:grid-cols-2 lg:grid-cols-3">
-        <SkeletonLoader width="100%" height="200px" />
-      </div>
-    {:else}
-
-      {#if searchTerm === ''}
-        <CoverSwiper coverThemes={coverThemes} setDisplayTheme={setDisplayTheme} />
+        {#if searchTerm === ''}
+          <CoverSwiper coverThemes={coverThemes} setDisplayTheme={setDisplayTheme} />
+        {/if}
+  
+        <!-- ThemeGrid to display filtered themes -->
+        <ThemeGrid themes={filteredThemes} searchTerm={searchTerm} setDisplayTheme={setDisplayTheme} />
+  
+        {#if displayTheme}
+          <ThemeModal theme={displayTheme} onClose={() => displayTheme = null} onInstall={() => {
+            StoreDownloadTheme({themeContent: displayTheme as Theme}).then(() => {
+              setTheme((displayTheme as Theme).id);
+              displayTheme = null;
+            });
+          }} onRemove={() => {}} />
+        {/if}
+          
       {/if}
-
-      <!-- ThemeGrid to display filtered themes -->
-      <ThemeGrid themes={filteredThemes} searchTerm={searchTerm} setDisplayTheme={setDisplayTheme} />
-
-      {#if displayTheme}
-        <ThemeModal theme={displayTheme} onClose={() => displayTheme = null} onInstall={() => {
-          StoreDownloadTheme({themeContent: displayTheme as Theme}).then(() => {
-            setTheme((displayTheme as Theme).id);
-            displayTheme = null;
-          });
-        }} onRemove={() => {}} />
-      {/if}
-        
-    {/if}
+    </div>
   </div>
 </div>
\ No newline at end of file