diff --git a/src/svelte-interface/components/store/ThemeGrid.svelte b/src/svelte-interface/components/store/ThemeGrid.svelte
index 320439b4..c2e3292a 100644
--- a/src/svelte-interface/components/store/ThemeGrid.svelte
+++ b/src/svelte-interface/components/store/ThemeGrid.svelte
@@ -3,6 +3,7 @@
   import ThemeCard from './ThemeCard.svelte';
   import ThemeModal from './ThemeModal.svelte';
   import { StoreDownloadTheme } from '@/seqta/ui/themes/downloadTheme'
+  import { setTheme } from '@/seqta/ui/themes/setTheme';
 
   let { themes, searchTerm } = $props<{ themes: Theme[]; searchTerm: string }>();
   let displayTheme = $state<Theme | null>();
@@ -38,6 +39,9 @@
 
 {#if displayTheme}
   <ThemeModal theme={displayTheme} onClose={() => displayTheme = null} onInstall={() => {
-    StoreDownloadTheme({themeContent: displayTheme as Theme});
+    StoreDownloadTheme({themeContent: displayTheme as Theme}).then(() => {
+      setTheme((displayTheme as Theme).id);
+      displayTheme = null;
+    });
   }} onRemove={() => {}} />
 {/if}