diff --git a/src/routes/index.svelte b/src/routes/index.svelte
index 42ef933..3108252 100644
--- a/src/routes/index.svelte
+++ b/src/routes/index.svelte
@@ -6,9 +6,10 @@
   import Listbox from '$lib/components/listbox.svelte';
   import Loading from '$lib/components/loading.svelte';
   import Portal from '$lib/Portal.svelte';
+  import { gameStore } from '$lib/stores/gameSearchStore';
   // import { enhance } from "$lib/form";
 
-  let games: GameType[] = [];
+  // let games: GameType[] = [];
   let submitting = false;
 
   async function handleSubmit(event: SubmitEvent) {
@@ -22,7 +23,9 @@
     });
     const responseData = await response.json();
     submitting = false;
-    games = responseData?.games;
+    gameStore.removeAll();
+    gameStore.addAll(responseData?.games);
+    // games = responseData?.games;
   }
 
   let minAge = 0;
@@ -131,7 +134,7 @@
 
 <h1>Games</h1>
 <div class="games">
-  {#each games as game}
+  {#each $gameStore as game}
     <Game {game} />
   {/each}
 </div>
diff --git a/src/styles/global.scss b/src/styles/global.scss
index dd6472e..d9bfb03 100644
--- a/src/styles/global.scss
+++ b/src/styles/global.scss
@@ -181,7 +181,7 @@ body {
 
 a {
   text-decoration: none;
-  color: var(--color-text-primary);
+  color: var(--clr-txt);
 }
 
 fieldset {