diff --git a/qt/aqt/editor.py b/qt/aqt/editor.py
index e7b4cf254..db591a37b 100644
--- a/qt/aqt/editor.py
+++ b/qt/aqt/editor.py
@@ -139,7 +139,7 @@ class Editor:
                 "js/editor.js",
             ],
             context=self,
-            default_css=False,
+            default_css=True,
         )
 
         lefttopbtns: List[str] = []
diff --git a/ts/deckoptions/ConfigSelector.svelte b/ts/deckoptions/ConfigSelector.svelte
index 7abf1f435..836f53559 100644
--- a/ts/deckoptions/ConfigSelector.svelte
+++ b/ts/deckoptions/ConfigSelector.svelte
@@ -31,7 +31,7 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
 </script>
 
 <StickyBar>
-    <WithTheming style="--toolbar-size: 35px; --toolbar-wrap: nowrap">
+    <WithTheming style="--toolbar-size: 2.3rem; --toolbar-wrap: nowrap">
         <ButtonToolbar class="justify-content-between">
             <ButtonToolbarItem>
                 <ButtonGroup class="flex-grow-1">
diff --git a/ts/editor/EditorToolbar.svelte b/ts/editor/EditorToolbar.svelte
index 635c5eb2e..577948c86 100644
--- a/ts/editor/EditorToolbar.svelte
+++ b/ts/editor/EditorToolbar.svelte
@@ -48,10 +48,10 @@ License: GNU AGPL, version 3 or later; http://www.gnu.org/licenses/agpl.html
     export const colorButtons = {};
     export const templateButtons = {};
 
-    export let size: number = 30;
+    export let size: number = 2;
     export let wraps: boolean = true;
 
-    $: style = `--toolbar-size: ${size}px; --toolbar-wrap: ${
+    $: style = `--toolbar-size: ${size}rem; --toolbar-wrap: ${
         wraps ? "wrap" : "nowrap"
     }`;
 </script>