diff --git a/src/styles/diffuse/facet.css b/src/styles/diffuse/facet.css
index 7cecdea9..3fdf4e5a 100644
--- a/src/styles/diffuse/facet.css
+++ b/src/styles/diffuse/facet.css
@@ -4,9 +4,13 @@ body {
 }
 
 main {
-  padding: var(--space-2xl) var(--space-xl);
+  padding: var(--space-xl) var(--space-lg);
 
-  @media (min-width: 48rem) {
+  @media (min-width: 32rem) {
+    padding: var(--space-2xl) var(--space-xl);
+  }
+
+  @media (min-width: 56rem) {
     display: flex;
     flex-direction: row;
     gap: var(--space-2xl);
@@ -32,7 +36,7 @@ label {
   margin-bottom: var(--space-lg);
   max-width: 24rem;
 
-  @media (min-width: 48rem) {
+  @media (min-width: 56rem) {
     align-self: stretch;
     display: flex;
     flex-direction: column;
@@ -50,7 +54,7 @@ label {
   flex: 1;
   max-width: 24rem;
 
-  @media (min-width: 48rem) {
+  @media (min-width: 56rem) {
     display: flex;
     flex-direction: column;
     justify-content: center;