diff --git a/src/components/GradientSelect.astro b/src/components/GradientSelect.astro
index e8993edd..f71f07fc 100644
--- a/src/components/GradientSelect.astro
+++ b/src/components/GradientSelect.astro
@@ -12,7 +12,7 @@ export type GradientOption = 1 | 2 | 3;
 interface Props {
   color: CollectionEntry<"courseCategories">["data"]["color"];
   gradientFlipped?: boolean;
-  gradientOption?: GradientOption;
+  gradientOption: GradientOption;
   title?: string;
   showGradient?: boolean;
 }
diff --git a/src/components/Section.astro b/src/components/Section.astro
index 36ac5e2d..bbcee00d 100644
--- a/src/components/Section.astro
+++ b/src/components/Section.astro
@@ -1,12 +1,13 @@
 ---
+import type { GradientOption } from "@components/GradientSelect.astro";
+import GradientSelect from "@components/GradientSelect.astro";
 import type { CollectionEntry } from "astro:content";
-import GradientSelect from "./GradientSelect.astro";
 import H2 from "./H2.astro";
 
 interface Props {
   color: CollectionEntry<"courseCategories">["data"]["color"];
   gradientFlipped?: boolean;
-  gradientOption?: string;
+  gradientOption?: GradientOption;
   title?: string;
 }