diff --git a/src/routes/chat/Layout/DnDTip.tsx b/src/routes/chat/Layout/DnDTip.tsx
index f9469015..d396aeae 100644
--- a/src/routes/chat/Layout/DnDTip.tsx
+++ b/src/routes/chat/Layout/DnDTip.tsx
@@ -10,7 +10,7 @@ const DnDTip = ({ context, name }: Props) => {
 
   return (
     <div
-      className={`flex-center absolute left-0 top-0 w-full h-full bg-black/50`}
+      className={`z-50 flex-center absolute left-0 top-0 w-full h-full bg-black/50`}
     >
       <div className={`p-4 drop-shadow-md rounded-lg bg-primary-300`}>
         <div className="p-4 pt-16 border-2 border-dashed border-primary-300 rounded-md flex flex-col items-center text-white">