diff --git a/resources/css/components/post-header.css b/resources/css/components/post-header.css
index 00a872f..5d280e0 100644
--- a/resources/css/components/post-header.css
+++ b/resources/css/components/post-header.css
@@ -65,7 +65,7 @@
   }
 
   .post-details {
-    @apply flex flex-wrap justify-between gap-28 gap-y-8 mt-12;
+    @apply flex flex-col xl:flex-row  xl:justify-between gap-x-4 gap-y-8 mt-12;
     grid-template-columns: 1fr 1fr;
 
     &__label {
@@ -75,8 +75,8 @@
   }
 
   .socials-buttons {
-    @apply flex flex-wrap justify-end gap-4 h-fit;
-    min-width: 550px;
+    @apply flex flex-wrap justify-start xl:justify-end gap-4 h-fit shrink-0;
+    min-width: 570px;
     &__button {
       @apply bg-white text-carhop-green-700 px-4 lg:px-6 md:px-8 !py-3 lg:!py-4 font-normal rounded-full w-max flex items-center gap-2;
       transition: transform 0.3s ease-in-out;
@@ -209,7 +209,9 @@
     }
   }
 }
-
+.article-meta__related-revue {
+  flex-shrink: 1;
+}
 .article-meta__related-revue a {
   @apply hover:underline underline-offset-8 text-white;
   text-decoration-color: #fff;