diff --git a/web/src/pages/Index/index.tsx b/web/src/pages/Index/index.tsx
index 9517c4c..6de36e4 100644
--- a/web/src/pages/Index/index.tsx
+++ b/web/src/pages/Index/index.tsx
@@ -12,9 +12,7 @@ const IndexPage: FC = () => {
 
   return (
     <div className="flex flex-col items-center gap-2 p-7">
-      <div className="w-24 h-24 sm:w-36 sm:h-36 overflow-hidden rounded-full flex items-center justify-center bg-gray-300">
-        <Avatar iconSize={64} />
-      </div>
+      <Avatar iconSize={64} className="w-24 h-24 sm:w-36 sm:h-36" />
       <h1 className="dark:text-gray-200 text-gray-800 text-2xl select-none">
         Welcome, {profile?.full_name}
       </h1>
diff --git a/web/src/pages/PersonalInfo/index.tsx b/web/src/pages/PersonalInfo/index.tsx
index 40d2dca..281b73a 100644
--- a/web/src/pages/PersonalInfo/index.tsx
+++ b/web/src/pages/PersonalInfo/index.tsx
@@ -38,9 +38,7 @@ const PersonalInfoPage: FC = () => {
             </p>
           </div>
           <div>
-            <div className="w-16 h-16 overflow-hidden rounded-full dark:bg-gray-400 bg-gray-700">
-              <Avatar iconSize={12} />
-            </div>
+            <Avatar iconSize={28} className="w-16 h-16" />
           </div>
         </div>