diff --git a/src/components/DocDialog.tsx b/src/components/DocDialog.tsx
index 321f31f..cb7ab20 100644
--- a/src/components/DocDialog.tsx
+++ b/src/components/DocDialog.tsx
@@ -63,7 +63,7 @@ const DocDialog: Component<DocDialogProps> = (props) => {
   return (
     <Show when={props.isOpen}>
       <div
-        class="fixed inset-0 bg-black/50 z-50 flex items-center justify-center p-4"
+        class="fixed inset-0 bg-black/50 z-60 flex items-center justify-center p-4"
         onClick={(e) => {
           if (e.target === e.currentTarget) props.onClose();
         }}
@@ -79,7 +79,7 @@ const DocDialog: Component<DocDialogProps> = (props) => {
                 <span class="text-gray-400 text-sm">▾</span>
               </button>
               <Show when={dropdownOpen()}>
-                <div class="absolute top-full left-0 mt-1 w-52 bg-white border border-gray-200 rounded shadow-lg z-50 py-1">
+                <div class="absolute top-full left-0 mt-1 w-52 bg-white border border-gray-200 rounded shadow-lg z-60 py-1">
                   <button
                     onClick={() => switchDocSet("directives")}
                     class={`w-full text-left px-3 py-2 text-sm hover:bg-gray-100 flex items-center gap-2 ${