diff --git a/src/lib/components/CompulsoryTags.svelte b/src/lib/components/CompulsoryTags.svelte
index 0f7a90f..e6a1228 100644
--- a/src/lib/components/CompulsoryTags.svelte
+++ b/src/lib/components/CompulsoryTags.svelte
@@ -1,5 +1,11 @@
 <script lang="ts">
-    const { space } = $props();
+    import type { Table } from "$lib";
+
+    interface Props {
+        space: Table<"study_spaces">;
+    }
+
+    const { space }: Props = $props();
 
     const tagToColor: Record<string, string> = {
         "Many Outlets": "compulsoryTagGreen",
diff --git a/src/lib/components/SpaceCard.svelte b/src/lib/components/SpaceCard.svelte
index 851ed16..e845299 100644
--- a/src/lib/components/SpaceCard.svelte
+++ b/src/lib/components/SpaceCard.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+    import CompulsoryTags from "./CompulsoryTags.svelte";
     import type { Table } from "$lib";
 
     interface Props {
@@ -9,7 +10,6 @@
     }
 
     const { space, alt, imgSrc, href }: Props = $props();
-    import CompulsoryTags from "./CompulsoryTags.svelte";
 </script>
 
 <a class="card" {href}>