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"