diff --git a/templates/base.html.twig b/templates/base.html.twig
index 2202e65..84abb18 100644
--- a/templates/base.html.twig
+++ b/templates/base.html.twig
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html data-bs-theme="dark">
   <head>
     <meta charset="UTF-8">
     <title>{% block title %}Welcome!{% endblock %}</title>
diff --git a/templates/kanji/grid.html.twig b/templates/kanji/grid.html.twig
index 88feee2..aff1275 100644
--- a/templates/kanji/grid.html.twig
+++ b/templates/kanji/grid.html.twig
@@ -45,8 +45,8 @@
   .none, .ignored  { opacity: 0.15; }
 </style>
 
-<div style="background-color: var(--bs-gray-300)">
-  <div class="d-flex align-items-center p-2 ps-3 pe-3 border-bottom sticky-top bg-white">
+<div>
+  <div class="d-flex align-items-center p-2 ps-3 pe-3 border-bottom sticky-top bg-body">
     <h1 class="text-left p-0 mb-0 flex-grow-1">{{ block('title') }}</h1>
     <form
       class="btn-group"
@@ -71,7 +71,7 @@
     </form>
   </div>
   <div
-    class="d-flex flex-wrap m-2"
+    class="d-flex flex-wrap p-4"
 
     hx-target="#baseModalContent"
     hx-swap="innerHTML"
@@ -80,7 +80,7 @@
     <div style="width: calc(100% / 16);">
     <div
       class="
-        border text-center rounded bg-white
+        border text-center rounded
         {{ char.lists|length == 0
           ? 'none'
           :  char.lists|keys|join(' ')
