diff --git a/packages/gui/src/components/GettingStarted/GettingStarted.svelte b/packages/gui/src/components/GettingStarted/GettingStarted.svelte
index 07191e9..ffd55b5 100644
--- a/packages/gui/src/components/GettingStarted/GettingStarted.svelte
+++ b/packages/gui/src/components/GettingStarted/GettingStarted.svelte
@@ -7,8 +7,8 @@
 	};
 </script>
 
-<header class="text-primary border border-gray p-4">GETTING STARTED WITH TEA</header>
-<section class="grid grid-cols-3">
+<header class="text-primary bg-black border border-gray p-4">GETTING STARTED WITH TEA</header>
+<section class="grid bg-black grid-cols-3">
 	<div class="border border-gray p-4">
 		<ArticleCard
 			content={{