diff --git a/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
index 41a1528cd7..74969ee651 100644
--- a/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/AnnouncementBar/styles.module.css
@@ -51,7 +51,7 @@ html[data-announcement-bar-initially-dismissed='true'] .announcementBar {
   text-decoration: underline;
 }
 
-@media screen and (min-width: 1024px) {
+@media (min-width: 997px) {
   :root {
     --docusaurus-announcement-bar-height: 30px;
   }
diff --git a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
index 1783c13be3..faab836cbf 100644
--- a/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/BlogSidebar/styles.module.css
@@ -37,7 +37,7 @@
   color: var(--ifm-color-primary) !important;
 }
 
-@media only screen and (max-width: 996px) {
+@media (max-width: 996px) {
   .sidebar {
     display: none;
   }
diff --git a/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
index be0569c552..dbfe5bc2ff 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/DocItem/styles.module.css
@@ -10,7 +10,7 @@
   margin-top: 0;
 }
 
-@media only screen and (min-width: 997px) {
+@media (min-width: 997px) {
   .docItemCol {
     max-width: 75% !important;
   }
diff --git a/packages/docusaurus-theme-classic/src/theme/DocItemFooter/styles.module.css b/packages/docusaurus-theme-classic/src/theme/DocItemFooter/styles.module.css
index decdf39007..7d05961b1e 100644
--- a/packages/docusaurus-theme-classic/src/theme/DocItemFooter/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/DocItemFooter/styles.module.css
@@ -11,7 +11,7 @@
   font-size: smaller;
 }
 
-@media only screen and (min-width: 997px) {
+@media (min-width: 997px) {
   .lastUpdated {
     text-align: right;
   }
diff --git a/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css b/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css
index d53b81e13c..6dcfe1c7bb 100644
--- a/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/Navbar/styles.module.css
@@ -8,7 +8,7 @@
 /*
 Hide toggle in small viewports
  */
-@media screen and (max-width: 997px) {
+@media (max-width: 996px) {
   .toggle {
     display: none;
   }
diff --git a/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css b/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css
index 9e51933379..4b6d2bcc65 100644
--- a/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css
+++ b/packages/docusaurus-theme-classic/src/theme/TOC/styles.module.css
@@ -12,7 +12,7 @@
   top: calc(var(--ifm-navbar-height) + 1rem);
 }
 
-@media only screen and (max-width: 996px) {
+@media (max-width: 996px) {
   .tableOfContents {
     display: none;
   }