devember-2022.diff

diff --git a/src/client/pages/graphics.svelte b/src/client/pages/graphics.svelte
index 427638c..b2af00f 100644
--- a/src/client/pages/graphics.svelte
+++ b/src/client/pages/graphics.svelte
@@ -38,7 +38,7 @@
       <!-- Per Bundle; this sets the name -->
       <div class="font-bold wrapper-title bg-primary text-primary-content rounded-tl-lg border-neutral-focus border-1 p-1">
         <span class="text-xl">{bundle.name}</span>
-        <div class="tooltip tooltip-bottom z-20" data-tip="Reload all graphics in this bundle">
+        <div class="tooltip tooltip-bottom" data-tip="Reload all graphics in this bundle">
           <button class="btn btn-xs btn-primary" aria-label="Reload All Graphics">
             <Icon name={'rotate-right'} size="0.75rem" />
           </button>
@@ -61,13 +61,13 @@
 
             <!-- Two buttons -->
             <div class="flex ml-2">
-              <div class="tooltip tooltip-bottom z-10" data-tip="Copy URL">
+              <div class="tooltip tooltip-bottom" data-tip="Copy URL">
                 <button class="btn btn btn-circle btn-primary ml-1" aria-label="Copy URL">
                   <Icon name={'chain'} size="1rem" />
                 </button>
               </div>
 
-              <div class="tooltip tooltip-bottom z-10" data-tip="Reload this graphic">
+              <div class="tooltip tooltip-bottom" data-tip="Reload this graphic">
                 <button class="btn btn btn-circle btn-primary ml-1" aria-label="Reload this graphic">
                   <Icon name={'rotate-right'} size="1rem" />
                 </button>
@@ -91,4 +91,8 @@
     display: grid;
     grid-template-columns: auto min-content;
   }
-</style>
\ No newline at end of file
+
+  :global(.tooltip::before) {
+    z-index: 1;
+  }
+</style>