fixed rendering issues with custom toaster

kubetail-org · Jul 16, 2024 · dd2c22e · dd2c22e
1 parent c12b0f2
commit dd2c22e
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/frontend/src/pages/_root.tsx b/frontend/src/pages/_root.tsx
@@ -51,7 +51,7 @@ const CustomToaster = () => {
   };
 
   return (
-    <div className="fixed bottom-[28px] right-[5px] p-2 bg-red-100 border-2 border-red-200">
+    <div className="fixed bottom-[28px] right-[5px] p-2 bg-red-100 border-2 border-red-200 z-10">
       <button
         type="button"
         className="absolute top-[-10px] left-[-10px] bg-red-100 rounded-full cursor-pointer"
@@ -85,7 +85,7 @@ const CustomToaster = () => {
           </div>
         </Modal.Title>
         <div className="text-sm space-y-4">
-          {toasts.map((toast) => <QueryError toast={toast} />)}
+          {toasts.map((toast, i) => <QueryError key={i} toast={toast} />)}
         </div>
       </Modal>
     </div>