From 1dc9a341d13c224cc54797145c6dfd69b71dfdce Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tr=C3=A8sAbhi?= <43380238+tresabhi@users.noreply.github.com>
Date: Sun, 25 Jan 2026 15:57:44 -0600
Subject: [PATCH] fix: inconsistentcies

---
 packages/website-ue/src/components/ToolBanner.astro | 1 +
 packages/website-ue/src/layouts/BaseLayout.astro    | 8 +++-----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/website-ue/src/components/ToolBanner.astro b/packages/website-ue/src/components/ToolBanner.astro
index 4bf8da58d..8878a7fc4 100644
--- a/packages/website-ue/src/components/ToolBanner.astro
+++ b/packages/website-ue/src/components/ToolBanner.astro
@@ -17,6 +17,7 @@ const toolStrings = strings.tools[tool.id as keyof typeof strings.tools];
 <style>
   .tool-banner {
     background-size: cover;
+    margin-bottom: var(--space-4);
 
     .content {
       width: 100%;
diff --git a/packages/website-ue/src/layouts/BaseLayout.astro b/packages/website-ue/src/layouts/BaseLayout.astro
index bfdd9832c..e7dd25b00 100644
--- a/packages/website-ue/src/layouts/BaseLayout.astro
+++ b/packages/website-ue/src/layouts/BaseLayout.astro
@@ -4,17 +4,15 @@ import BaseStyles from "../components/BaseStyles.astro";
 import ColorAlias from "../components/ColorAlias.astro";
 import ColorScale from "../components/ColorScale.astro";
 import Navbar from "../components/Navbar.astro";
-import type { Tool } from "../core/tools/tools";
 import type { Color } from "../core/ui/color";
 
 interface Props {
   locale: string;
   accent: Color;
   noNavbar?: boolean;
-  selectedTool?: Tool;
 }
 
-const { accent, noNavbar, locale, selectedTool } = Astro.props;
+const { accent, noNavbar, locale } = Astro.props;
 ---
 
 <html lang={locale}>
@@ -43,7 +41,7 @@ const { accent, noNavbar, locale, selectedTool } = Astro.props;
         flex-direction: column;
         min-height: 100dvh;
 
-        background-color: var(--gray-3);
+        background-color: var(--gray-1);
         color: var(--gray-12);
         font-family: var(--font-family-regular);
 
@@ -61,7 +59,7 @@ const { accent, noNavbar, locale, selectedTool } = Astro.props;
   </head>
 
   <body class="dark">
-    {!noNavbar && <Navbar {selectedTool} {locale} />}
+    {!noNavbar && <Navbar {locale} />}
 
     <slot name="pre-app" />