From bc8ecc3e91df43f74e0ba7a5422fcece9a984021 Mon Sep 17 00:00:00 2001
From: Andy Smith <andy@37signals.com>
Date: Mon, 8 Dec 2025 15:59:58 -0600
Subject: [PATCH] Account for browser button styled and adjust mobile padding
 for perma BG

---
 app/assets/stylesheets/card-perma.css | 6 +++++-
 app/assets/stylesheets/lexxy.css      | 3 ++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
index 150dde9a1..3132d886f 100644
--- a/app/assets/stylesheets/card-perma.css
+++ b/app/assets/stylesheets/card-perma.css
@@ -127,7 +127,7 @@
     }
 
     @media (max-width: 799px) {
-      --padding-inline: var(--main-padding);
+      --padding-inline: 1.5ch;
 
       column-gap: 0;
       grid-template-areas:
@@ -150,6 +150,10 @@
     border-radius: 0.2em;
     grid-area: card;
     padding: clamp(2rem, 4vw, var(--padding-block));
+
+    @media (max-width: 799px) {
+      padding-inline: var(--padding-inline);
+    }
   }
 
   .card-perma__actions {
diff --git a/app/assets/stylesheets/lexxy.css b/app/assets/stylesheets/lexxy.css
index 04277d846..cc79ca76a 100644
--- a/app/assets/stylesheets/lexxy.css
+++ b/app/assets/stylesheets/lexxy.css
@@ -234,10 +234,11 @@
     background: var(--color-canvas);
     border: none;
     border-radius: 0.5ch;
+    color: inherit;
     display: grid;
     font-weight: 500;
     inline-size: var(--lexxy-dropdown-btn-size);
-    place-items: center;
+    place-content: center;
     position: relative;
     outline: none;