diff --git a/src/pages/index.astro b/src/pages/index.astro
index 607b9ef..0f412ab 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -23,7 +23,7 @@ const { name, label, summary, socials } = basics;
               Hi, my name is
             </h1>
             <h1
-              class="bg-gradient-to-b from-neutral-900 to-neutral-600 bg-clip-text text-4xl font-bold tracking-tight text-transparent dark:from-neutral-50 dark:to-neutral-400 lg:text-5xl"
+              class="bg-gradient-to-b from-neutral-900 to-neutral-600 bg-clip-text text-start text-4xl font-bold tracking-tight text-transparent dark:from-neutral-50 dark:to-neutral-400 lg:text-5xl"
             >
               {name}.
             </h1>
@@ -50,15 +50,15 @@ const { name, label, summary, socials } = basics;
             }
           </div>
         </div>
-        <div class="w-full md:w-auto">
+        <div class="w-full md:w-auto md:flex-shrink-0">
           <div
-            class="mx-auto max-w-xs rounded-3xl border border-black/25 bg-white p-10 dark:border-white/25 dark:bg-black"
+            class="mx-auto w-full max-w-xs rounded-3xl border border-black/25 bg-white p-10 dark:border-white/25 dark:bg-black"
           >
             <Image
               src={PFP}
               alt="Rayhan Kafi Pratama"
               loading="eager"
-              class="w-full rounded-xl object-cover"
+              class="h-auto w-full rounded-xl object-cover"
             />
           </div>
         </div>