diff --git a/app/views/imports/_drag_drop_overlay.html.erb b/app/views/imports/_drag_drop_overlay.html.erb
index 504920a86..e737eb25b 100644
--- a/app/views/imports/_drag_drop_overlay.html.erb
+++ b/app/views/imports/_drag_drop_overlay.html.erb
@@ -1,7 +1,11 @@
-<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-primary/20 backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
-  <div class="text-center p-8 bg-container rounded-xl shadow-2xl border-2 border-dashed border-primary animate-in fade-in zoom-in duration-200">
-    <%= icon("upload", size: "xl", class: "text-primary mb-4 mx-auto w-16 h-16") %>
-    <h3 class="text-2xl font-semibold text-primary mb-2"><%= title %></h3>
-    <p class="text-secondary text-base"><%= subtitle %></p>
+<div data-drag-and-drop-import-target="overlay" class="fixed inset-0 bg-overlay backdrop-blur-sm z-50 hidden flex items-center justify-center pointer-events-none">
+  <div class="bg-container rounded-xl shadow-border-xs p-6 max-w-sm w-full mx-4 animate-in fade-in zoom-in duration-200">
+    <div class="flex flex-col items-center text-center">
+      <div class="w-12 h-12 rounded-full bg-indigo-500/10 flex items-center justify-center mb-4">
+        <%= icon("upload", class: "text-indigo-500 w-6 h-6") %>
+      </div>
+      <h3 class="text-lg font-medium text-primary mb-1"><%= title %></h3>
+      <p class="text-sm text-secondary"><%= subtitle %></p>
+    </div>
   </div>
-</div>
\ No newline at end of file
+</div>