diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
index 622c9c198..be59dac52 100644
--- a/app/assets/stylesheets/card-perma.css
+++ b/app/assets/stylesheets/card-perma.css
@@ -47,6 +47,7 @@
     .card__body {
       @media (max-width: 639px) {
         flex-direction: column;
+        padding-block-end: calc(var(--card-padding-block) * 1.5);
       }
     }
 
@@ -151,7 +152,12 @@
     grid-area: card;
     padding: clamp(2rem, 4vw, var(--padding-block));
 
-    @media (max-width: 799px) {
+    @media (max-width: 639px) {
+      padding: clamp(0.25rem, 2vw, var(--padding-block));
+      padding-block-end: clamp(2.5rem, 4vw, var(--padding-block));
+    }
+
+    @media (min-width: 640px) and (max-width: 799px) {
       padding-inline: var(--padding-inline);
     }
   }
diff --git a/app/assets/stylesheets/native.css b/app/assets/stylesheets/native.css
index b40664c94..4d8c66795 100644
--- a/app/assets/stylesheets/native.css
+++ b/app/assets/stylesheets/native.css
@@ -29,5 +29,12 @@
         display: none;
       }
     }
+
+    /* Card perma
+    /* ------------------------------------------------------------------------ */
+
+    .card-perma {
+      margin-block-start: 0;
+    }
   }
 }