diff --git a/packages/docsearch-css/src/button.css b/packages/docsearch-css/src/button.css
index 396bbb51..2677e85c 100644
--- a/packages/docsearch-css/src/button.css
+++ b/packages/docsearch-css/src/button.css
@@ -68,7 +68,7 @@
   box-shadow: var(--docsearch-key-pressed-shadow);
 }
 
-@media (width <= 768px) {
+@media (max-width: 768px) {
   .DocSearch-Button-Keys,
   .DocSearch-Button-Placeholder {
     display: none;
diff --git a/packages/docsearch-css/src/modal.css b/packages/docsearch-css/src/modal.css
index 6c958e0c..ba18df74 100644
--- a/packages/docsearch-css/src/modal.css
+++ b/packages/docsearch-css/src/modal.css
@@ -564,7 +564,7 @@ assistive tech users */
 }
 
 /* Responsive */
-@media (width <= 768px) {
+@media (max-width: 768px) {
   :root {
     --docsearch-spacing: 10px;
     --docsearch-footer-height: 40px;
diff --git a/packages/website/src/css/custom.css b/packages/website/src/css/custom.css
index 4808c66f..2120f52c 100644
--- a/packages/website/src/css/custom.css
+++ b/packages/website/src/css/custom.css
@@ -29,7 +29,7 @@ html[data-theme='dark'] {
 }
 
 /* DocSearch x Algolia logo */
-@media (width <=565px) {
+@media (max-width: 565px) {
   .navbar__logo .docsearch-nav-logo {
     width: 70%;
     height: auto;
@@ -38,7 +38,7 @@ html[data-theme='dark'] {
 }
 
 /* DocSearch x Algolia logo in sidebar */
-@media (width >=997px) {
+@media (min-width: 997px) {
   .theme-doc-sidebar-container .docsearch-nav-logo {
     height: auto;
   }