diff --git a/resources/css/components/post-header.css b/resources/css/components/post-header.css
index 1716f15..da2ccc6 100644
--- a/resources/css/components/post-header.css
+++ b/resources/css/components/post-header.css
@@ -3,7 +3,7 @@
 
   h1.post-header__title,
   h2.post-header__title {
-    @apply uppercase font-medium text-7xl text-white;
+    @apply uppercase font-medium text-4xl md:text-5xl lg:text-7xl text-white;
     line-height: 1.2;
   }
   &__inner {
@@ -54,7 +54,7 @@
   }
 
   .post-details {
-    @apply flex justify-between gap-28 mt-12;
+    @apply flex flex-wrap justify-between gap-28 mt-12;
     grid-template-columns: 1fr 1fr;
 
     &__label {
@@ -64,10 +64,10 @@
   }
 
   .socials-buttons {
-    @apply flex gap-4 h-fit;
+    @apply flex flex-wrap gap-4 h-fit;
 
     &__button {
-      @apply bg-white text-carhop-green-700 px-8 !py-4 font-normal rounded-full w-max flex items-center gap-2;
+      @apply bg-white text-carhop-green-700 px-6 md:px-8  lg:!py-4 font-normal rounded-full w-max flex items-center gap-2;
       transition: transform 0.3s ease-in-out;
       &:hover {
         transform: scale(1.05);