diff --git a/src/css/exceptions/color-scheme-picker.css b/src/css/exceptions/color-scheme-picker.css
index f965cf5..9e18d40 100644
--- a/src/css/exceptions/color-scheme-picker.css
+++ b/src/css/exceptions/color-scheme-picker.css
@@ -4,10 +4,9 @@
 	padding: 0;
 	display: flex;
 	gap: var(--space-size-xs);
-	grid-column: auto/span 2;
+	/* grid-column: auto/span 2; */
 	justify-content: end;
 	width: 100%;
-	--grid-item-size: 20rem;
 
 	legend {
 		position:absolute;
diff --git a/src/css/globals.css b/src/css/globals.css
index 469de87..d80fbb9 100644
--- a/src/css/globals.css
+++ b/src/css/globals.css
@@ -154,7 +154,7 @@ nav {
 
 header {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-size, 10rem), 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(var(--grid-item-size, clamp(2rem, 10vw, 10rem)), 1fr));
     grid-gap: 10px;
     padding: var(--space-size-m);
     place-items: center;