diff --git a/doc/dialog/theming/TailwindDoc.vue b/doc/dialog/theming/TailwindDoc.vue
index b39a3131b..62679099b 100644
--- a/doc/dialog/theming/TailwindDoc.vue
+++ b/doc/dialog/theming/TailwindDoc.vue
@@ -21,7 +21,7 @@ export default {
         root: ({ state }) => ({
             class: [
                 'rounded-lg shadow-lg border-0',
-                'max-h-90 transform scale-100',
+                'max-h-[90%] transform scale-100',
                 'm-0 w-[50vw]',
                 'dark:border dark:border-blue-900/40',
                 {
diff --git a/doc/image/theming/TailwindDoc.vue b/doc/image/theming/TailwindDoc.vue
index 7f052beff..26e8523e3 100644
--- a/doc/image/theming/TailwindDoc.vue
+++ b/doc/image/theming/TailwindDoc.vue
@@ -30,7 +30,7 @@ export default {
             class: ['fixed top-0 left-0 w-full h-full', 'flex items-center justify-center', 'bg-black bg-opacity-90']
         },
         toolbar: {
-            class: ['absolute top-0 right-0 flex', 'p-4']
+            class: ['absolute top-0 right-0 z-10 flex', 'p-4']
         },
         rotaterightbutton: {
             class: [