diff --git a/components/header/header.vue b/components/header/header.vue
index c9008bb..3321054 100644
--- a/components/header/header.vue
+++ b/components/header/header.vue
@@ -571,7 +571,7 @@ function blurSearch(event) {
 	fill: var(--error);
 }
 
-@media(--small) {
+@media(--compact) {
 	.header-section {
 		flex-grow: 1;
 	}