diff --git a/app/assets/stylesheets/native.css b/app/assets/stylesheets/native.css
index c67d05d14..34259e9c6 100644
--- a/app/assets/stylesheets/native.css
+++ b/app/assets/stylesheets/native.css
@@ -66,6 +66,12 @@
       translate: unset;
     }
 
+    .card-perma--draft {
+      .card-perma__bg {
+        box-shadow: 0 calc(100vh + 100px) 0 100vh var(--color-container);
+      }
+    }
+
     /* Search
     /* ------------------------------------------------------------------------ */
 
diff --git a/app/views/cards/drafts/_container.html.erb b/app/views/cards/drafts/_container.html.erb
index 409621b21..fa7134b55 100644
--- a/app/views/cards/drafts/_container.html.erb
+++ b/app/views/cards/drafts/_container.html.erb
@@ -1,4 +1,4 @@
-<section id="<%= dom_id(card, :card_container) %>" class="card-perma" style="--card-color: <%= card.color %>;">
+<section id="<%= dom_id(card, :card_container) %>" class="card-perma card-perma--draft" style="--card-color: <%= card.color %>;">
   <% cache card do %>
     <div class="card-perma__actions card-perma__actions--left">
       <%= render "cards/container/image", card: card %>