diff --git a/resources/views/livewire/pages/articles/single-post.blade.php b/resources/views/livewire/pages/articles/single-post.blade.php
index 43880e2f..257fd01e 100644
--- a/resources/views/livewire/pages/articles/single-post.blade.php
+++ b/resources/views/livewire/pages/articles/single-post.blade.php
@@ -64,7 +64,7 @@ class="font-medium underline hover:text-yellow-600 dark:text-yellow-500 dark:hov
                     <h1 class="mt-4 font-heading font-extrabold tracking-tight text-3xl text-gray-900 dark:text-white lg:text-5xl lg:leading-[3.5rem]">
                         {{ $article->title }}
                     </h1>
-                    <div class="mt-8 flex items-center justify-between gap-10">
+                    <div class="mt-8 md:flex items-center justify-between gap-10">
                         @if ($article->tags->isNotEmpty())
                             <div class="flex items-center gap-2">
                                 @foreach ($article->tags as $tag)
@@ -73,7 +73,7 @@ class="font-medium underline hover:text-yellow-600 dark:text-yellow-500 dark:hov
                             </div>
                         @endif
 
-                        <div class="relative text-sm/6 flex items-center gap-4">
+                        <div class="relative text-sm/6 flex mt-4 md:mt-0 items-center gap-4">
                             <x-link :href="route('profile', $article->user->username)" class="inline-flex items-center gap-2 text-gray-700 dark:text-gray-300">
                                 <x-user.avatar
                                     :user="$article->user"