diff --git a/src-ui/src/app/components/document-list/document-list.component.scss b/src-ui/src/app/components/document-list/document-list.component.scss
index ab67d9572..ee50852f0 100644
--- a/src-ui/src/app/components/document-list/document-list.component.scss
+++ b/src-ui/src/app/components/document-list/document-list.component.scss
@@ -39,7 +39,7 @@ $paperless-card-breakpoints: (
   z-index: 1000; // below main navbar
   top: calc(7rem - 2px); // height of navbar (mobile)
 
-  @media (min-width: 768px) {
+  @media (min-width: 580px) {
     top: 3.5rem; // height of navbar
   }
 }