diff --git a/ui/.storybook/preview-head.html b/ui/.storybook/preview-head.html
index 2e89828..f623362 100644
--- a/ui/.storybook/preview-head.html
+++ b/ui/.storybook/preview-head.html
@@ -5,4 +5,4 @@
 <script defer src="index.js"></script>
 
 <!-- Overrides for Storybook Docs and UI. -->
-<link href="storybook-overrides/index.css" rel="stylesheet" />
+<link href="storybook-overrides.css" rel="stylesheet" />
diff --git a/ui/public/.gitignore b/ui/public/.gitignore
index 0affd7b..c5fe04c 100644
--- a/ui/public/.gitignore
+++ b/ui/public/.gitignore
@@ -4,4 +4,4 @@
 !.gitignore
 !ajax/*
 !sprite.svg
-!storybook-overrides/*
+!storybook-overrides.css
diff --git a/ui/public/storybook-overrides.css b/ui/public/storybook-overrides.css
new file mode 100644
index 0000000..fb1e327
--- /dev/null
+++ b/ui/public/storybook-overrides.css
@@ -0,0 +1,20 @@
+/* Reset Docs typography to use theme settings. */
+.sbdocs-content :where(:is(p, li):not([class]), dd, small) {
+    max-inline-size: none;
+}
+
+.sbdocs-content ul ul {
+    list-style-type: circle;
+}
+
+.sbdocs-content code {
+    color: inherit !important;
+    font-size: inherit !important;
+    font-weight: 600;
+}
+
+/* Override dark mode in Storybook docs. */
+:root :has(#storybook-docs:not([hidden='true'])) {
+    --color-text: 0 0% 20%;
+    color-scheme: light !important;
+}