diff --git a/app/assets/stylesheets/card-perma.css b/app/assets/stylesheets/card-perma.css
index 22083d130..1900b9a07 100644
--- a/app/assets/stylesheets/card-perma.css
+++ b/app/assets/stylesheets/card-perma.css
@@ -252,6 +252,10 @@
           inset: 0 calc(-1 * var(--card-padding-inline)) auto;
           position: absolute;
         }
+
+        @media (any-hover: none) {
+          --reaction-size: 2.25rem;
+        }
       }
 
       &:not(:has(.reaction)) {
diff --git a/app/assets/stylesheets/reactions.css b/app/assets/stylesheets/reactions.css
index 64f2a5164..ce836105c 100644
--- a/app/assets/stylesheets/reactions.css
+++ b/app/assets/stylesheets/reactions.css
@@ -86,6 +86,10 @@
       font-size: 0.6em;
       inline-size: auto;
     }
+
+    @media (any-hover: none) {
+      padding-inline-end: 0.12em;
+    }
   }
 
   .reaction--deleteable {
@@ -166,6 +170,11 @@
   .reaction__cancel-btn {
     --btn-size: 1.25rem;
     --icon-size: var(--btn-size);
+
+    @media (any-hover: none) {
+      --btn-size: 2rem;
+      --icon-size: 90%;
+    }
   }
 
   .reaction__submit-btn {