diff --git a/app/assets/stylesheets/dossier_views.scss b/app/assets/stylesheets/dossier_views.scss
index 52215ebbeb1..e0884c1630e 100644
--- a/app/assets/stylesheets/dossier_views.scss
+++ b/app/assets/stylesheets/dossier_views.scss
@@ -17,8 +17,7 @@
     .header-actions {
       margin-bottom: $default-spacer;
       display: flex;
-      justify-content: flex-end;
-      column-gap: $default-spacer * 2;
+
     }
   }
 
@@ -54,3 +53,27 @@
     }
   }
 }
+
+@media (min-width: 48em) {
+  .dossier-container {
+    .header-actions {
+      flex-direction: row;
+      justify-content: flex-end;
+      column-gap: $default-spacer * 2;
+    }
+  }
+}
+
+@media (max-width: 48em) {
+  .dossier-container .header-actions {
+      row-gap: $default-spacer * 2;
+      flex-direction: column;
+      justify-content: stretch;
+
+      .dropdown-button {
+        min-width: 100%;
+        white-space: normal;
+      }
+    }
+  }
+}