diff --git a/apps/blog/components/Author/index.tsx b/apps/blog/components/Author/index.tsx
index 8267f69e..0edd9c29 100644
--- a/apps/blog/components/Author/index.tsx
+++ b/apps/blog/components/Author/index.tsx
@@ -14,7 +14,7 @@ export default function Author({ name, photo, username }: IAuthor) {
             width={40}
             className="mx-4 h-10 w-10 rounded-full object-cover"
           />
-          <h1 className="x-1 ml-3 font-bold text-gray-700 hover:underline dark:text-white">
+          <h1 className="mx-1 ml-3 font-bold text-gray-700 hover:underline dark:text-white">
             {name}
           </h1>
         </a>
diff --git a/apps/web/components/Member/index.tsx b/apps/web/components/Member/index.tsx
index edc406cb..8941667e 100644
--- a/apps/web/components/Member/index.tsx
+++ b/apps/web/components/Member/index.tsx
@@ -9,8 +9,8 @@ export default function Member({ name, picture, role }: ITeamMember) {
         <Image
           alt={name}
           src={`/img/team/${picture}`}
-          width={200}
-          height={200}
+          width={300}
+          height={300}
           className="mx-auto h-56 w-56 rounded-full object-cover shadow-lg md:h-48 md:w-48"
         />
       </div>
diff --git a/apps/web/components/Speaker/index.js b/apps/web/components/Speaker/index.js
index 550204d6..89bf9a92 100644
--- a/apps/web/components/Speaker/index.js
+++ b/apps/web/components/Speaker/index.js
@@ -7,8 +7,8 @@ export default function Speaker({ picture, name, role }) {
         <Image
           alt={name}
           src={`/img/team/${picture}`}
-          width={150}
-          height={150}
+          width={200}
+          height={200}
           className="mx-auto h-52 w-52 rounded-full object-cover shadow-lg md:h-32 md:w-32"
         />
       </div>