diff --git a/changes/changelog.d/904.bugfix b/changes/changelog.d/904.bugfix
new file mode 100644
index 000000000..f4df441c7
--- /dev/null
+++ b/changes/changelog.d/904.bugfix
@@ -0,0 +1 @@
+Fixed a responsive display issues on 1024px wide screens (#904)
diff --git a/front/src/components/Sidebar.vue b/front/src/components/Sidebar.vue
index 81b498034..d35d040d6 100644
--- a/front/src/components/Sidebar.vue
+++ b/front/src/components/Sidebar.vue
@@ -342,7 +342,7 @@ $sidebar-color: #3d3e3f;
       display: none !important;
     }
   }
-  @include media("<desktop") {
+  @include media("<=desktop") {
     position: static !important;
     width: 100% !important;
     &.collapsed {
@@ -397,7 +397,7 @@ $sidebar-color: #3d3e3f;
   flex-direction: column;
   overflow-y: auto;
   justify-content: space-between;
-  @include media("<desktop") {
+  @include media("<=desktop") {
     max-height: 500px;
   }
 }
diff --git a/front/src/style/_main.scss b/front/src/style/_main.scss
index c53edd14c..6ebafced3 100644
--- a/front/src/style/_main.scss
+++ b/front/src/style/_main.scss
@@ -84,7 +84,7 @@ $widedesktop-sidebar-width: 350px;
 
 html,
 body {
-  @include media("<desktop") {
+  @include media("<=desktop") {
     font-size: 90%;
   }
 }