diff --git a/package.json b/package.json
index ade8d0b1..f4e121c7 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-drag-drop-files",
-  "version": "2.3.11",
+  "version": "2.4.0",
   "description": "Light React Drag & Drop files and images library styled by styled-components",
   "author": "Karim <karimmokhtar28@gmail.com>",
   "license": "MIT",
diff --git a/src/style.ts b/src/style.ts
index b46a214a..686baf19 100644
--- a/src/style.ts
+++ b/src/style.ts
@@ -50,12 +50,13 @@ export const HoverMsg = styled.div`
   border: dashed 2px ${darkGray};
   border-radius: 5px;
   background-color: ${lightGray};
-  opacity: 0.5;
+  opacity: 0.9;
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
   bottom: 0;
+  z-index: 999;
   & > span {
     position: absolute;
     top: 50%;