diff --git a/web/themes/custom/reha/dist/css/bundle.css b/web/themes/custom/reha/dist/css/bundle.css
index cbc5336..f75b3af 100644
--- a/web/themes/custom/reha/dist/css/bundle.css
+++ b/web/themes/custom/reha/dist/css/bundle.css
@@ -647,6 +647,11 @@ header[role=banner] #block-reha-views-block-current-user-block-block-1 .connecte
   clip-path: inset(0px -10px -10px -10px);
   padding: 5% 10% 110px 20%;
 }
+@media (max-width: 450px) {
+  header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full {
+    width: 90vw;
+  }
+}
 @media (max-width: 500px) {
   header[role=banner] #block-reha-views-block-current-user-block-block-1 .connected .connected-full .titre {
     font-size: 1.4rem;
diff --git a/web/themes/custom/reha/scss/partials/_header.scss b/web/themes/custom/reha/scss/partials/_header.scss
index 2ee7874..e2556df 100644
--- a/web/themes/custom/reha/scss/partials/_header.scss
+++ b/web/themes/custom/reha/scss/partials/_header.scss
@@ -356,6 +356,9 @@ header[role=banner]{
                     box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
                     clip-path: inset(0px -10px -10px -10px);
                     padding: 5% 10% $header-height 20%;
+                    @media (max-width:450px){
+                        width: 90vw;
+                    }
                     .titre{
                         @media (max-width:500px) {
                             font-size: 1.4rem;