diff --git a/frontend/apps/inspector/src/index.css b/frontend/apps/inspector/src/index.css
index 52aa134b3d..fec19d7d56 100644
--- a/frontend/apps/inspector/src/index.css
+++ b/frontend/apps/inspector/src/index.css
@@ -1,4 +1,4 @@
-@import "../../../packages/components/public/theme.css";
+@import "../../../src/index.css";
 
 @tailwind base;
 @tailwind components;
@@ -42,37 +42,3 @@
 	}
 }
 
-:root {
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-color-text: theme("colors.white");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-constant: theme("colors.violet.300");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-string: theme("colors.violet.300");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-comment: theme("colors.zinc.500");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-keyword: theme("colors.sky.300");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-parameter: theme("colors.pink.300");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-function: theme("colors.violet.300");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-string-expression: theme("colors.violet.300");
-	/* biome-ignore lint/correctness/noUnknownFunction: tailwind functions */
-	--shiki-token-punctuation: theme("colors.zinc.200");
-
-	--spacing: 0.25rem;
-
-	::-webkit-scrollbar {
-		@apply w-2.5 h-2.5;
-	}
-
-	::-webkit-scrollbar-track {
-		@apply bg-transparent;
-	}
-
-	::-webkit-scrollbar-thumb {
-		@apply rounded-full bg-border border-[1px] border-transparent border-solid bg-clip-padding;
-	}
-}
diff --git a/frontend/src/components/theme.css b/frontend/src/components/theme.css
index f1b729a53e..133c1b49a9 100644
--- a/frontend/src/components/theme.css
+++ b/frontend/src/components/theme.css
@@ -68,4 +68,44 @@
 
 .shiki .highlighted {
 	@apply bg-secondary/50;
-}
\ No newline at end of file
+}
+
+/* Dark theme overrides for xyflow Controls. */
+.react-flow__controls {
+	background: hsl(var(--card));
+	border: 1px solid hsl(var(--border));
+	border-radius: 6px;
+	box-shadow: none;
+}
+
+.react-flow__controls-button {
+	background: transparent;
+	border-bottom: 1px solid hsl(var(--border));
+	fill: hsl(var(--foreground));
+}
+
+.react-flow__controls-button:hover {
+	background: hsl(var(--accent));
+}
+
+.react-flow__controls-button:last-child {
+	border-bottom: none;
+}
+
+/* Dark theme overrides for xyflow MiniMap. */
+.react-flow__minimap {
+	background: hsl(var(--card)) !important;
+	border: 1px solid hsl(var(--border));
+	border-radius: 6px;
+}
+
+/* Remove Ladle story container padding and make it fill the full viewport. */
+.ladle-main {
+	padding: 0 !important;
+	height: 100vh;
+}
+
+/* Dark theme for xyflow edges. */
+.react-flow__edge-path {
+	stroke: hsl(var(--muted-foreground));
+}
diff --git a/frontend/src/index.css b/frontend/src/index.css
index 4385dbf813..00dabe8032 100644
--- a/frontend/src/index.css
+++ b/frontend/src/index.css
@@ -1,4 +1,4 @@
-@import "@/components/theme.css";
+@import "../packages/components/public/theme.css";
 
 @tailwind base;
 @tailwind components;