diff --git a/style/shiny/base.css b/style/shiny/base.css
index a2f8959..662d82d 100644
--- a/style/shiny/base.css
+++ b/style/shiny/base.css
@@ -18,7 +18,7 @@
   --focus-text: hsl(334deg, 87%, 90%);
 
   font-family: Muller;
-  font-size: 18pt;
+  font-size: x-large;
   font-weight: 600;
 
   background: var(--gradient) fixed;
diff --git a/style/shiny/gallery.css b/style/shiny/gallery.css
index 845674c..7fe62fc 100644
--- a/style/shiny/gallery.css
+++ b/style/shiny/gallery.css
@@ -38,6 +38,15 @@ body {
   text-align: left;
 }
 
+@media (max-width: 80rem) {
+  #filters div {
+    grid-template-columns: auto;
+  }
+  #filters h3, #clear {
+    text-align: left;
+  }
+}
+
 #filters ul {
   font-weight: 400;
   font-size: 90%;
@@ -214,3 +223,9 @@ footer {
     margin-bottom: 0;
   }
 }
+
+@media (pointer: coarse) {
+  #filters label {
+    font-size: 150%;
+  }
+}