diff --git a/changes/changelog.d/904.bugfix b/changes/changelog.d/904.bugfix
new file mode 100644
index 0000000000000000000000000000000000000000..f4df441c7335cfdf9abd5d6023a7a31ed615ac80
--- /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 81b49803411b6e48f032dca297a38639cbc8e98f..d35d040d6e1cf2541a2338a6915bfb6c9d843dd7 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 c53edd14c970cefaa51c87bfe5970170b760896d..6ebafced38e998a3aba06dd9634769cddc453f2e 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%;
   }
 }