diff --git a/app/theme/client/imports/components/header.css b/app/theme/client/imports/components/header.css
index ebf39c94879a8..cb99ff43efff9 100644
--- a/app/theme/client/imports/components/header.css
+++ b/app/theme/client/imports/components/header.css
@@ -164,7 +164,7 @@
 	font-size: 28px;
 }
 
-@media (width <= 500px) {
+@media (width <= 780px) {
 	.rc-header {
 		&__block {
 			margin: 0 0.25rem;
diff --git a/app/theme/client/imports/components/sidebar/sidebar.css b/app/theme/client/imports/components/sidebar/sidebar.css
index ca969d8af9c52..c4edf0ce90166 100644
--- a/app/theme/client/imports/components/sidebar/sidebar.css
+++ b/app/theme/client/imports/components/sidebar/sidebar.css
@@ -98,7 +98,7 @@
 	}
 }
 
-@media (width < 780px) {
+@media (width <= 780px) {
 	.sidebar {
 		position: absolute;