From c217ddd111109d5c4c275106a9886ef8f4217256 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 7 Mar 2026 21:38:46 +0000
Subject: [PATCH] Center avatar line fix

---
 src/pages/Index.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/pages/Index.tsx b/src/pages/Index.tsx
index 5b6a7cc..04b5a9a 100644
--- a/src/pages/Index.tsx
+++ b/src/pages/Index.tsx
@@ -127,10 +127,9 @@ const Index = () => {
       <div className="relative z-10" style={{ width: radius * 2 + (isMobile ? 120 : 160), height: radius * 2 + (isMobile ? 120 : 160) }}>
         {/* Center Avatar */}
         <div
-          ref={avatarRef}
           className="absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2 flex flex-col items-center"
         >
-          <div className="glass-card rounded-full p-1.5 ring-2 ring-primary/20">
+          <div ref={avatarRef} className="glass-card rounded-full p-1.5 ring-2 ring-primary/20">
             <img
               src={avatar}
               alt="Mohamad"