From e316ce99368916d6ed951f5de3578b15c7e10987 Mon Sep 17 00:00:00 2001
From: Stevan Freeborn <65925598+StevanFreeborn@users.noreply.github.com>
Date: Sat, 16 Sep 2023 23:49:45 -0500
Subject: [PATCH] fix: set inline style height and width for pictures

---
 src/components/Post.tsx        | 1 +
 src/components/Reply.tsx       | 1 +
 src/components/UserProfile.tsx | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/components/Post.tsx b/src/components/Post.tsx
index 73c8cdb..a7ba7eb 100644
--- a/src/components/Post.tsx
+++ b/src/components/Post.tsx
@@ -48,6 +48,7 @@ export default function Post({
       <div className="flex-shrink-0">
         <Link href={`/profile/${post.user.clerkUserId}`}>
           <Image
+            style={{ height: '40px', width: '40px' }}
             alt="user profile image"
             src={post.user.clerkImageUrl}
             width={40}
diff --git a/src/components/Reply.tsx b/src/components/Reply.tsx
index 4b13f60..3c48087 100644
--- a/src/components/Reply.tsx
+++ b/src/components/Reply.tsx
@@ -20,6 +20,7 @@ export default function Reply({ post }: { post: PostWithUserDto }) {
       <div>
         <Link href={`/profile/${post.user.clerkUserId}`}>
           <Image
+            style={{ height: '40px', width: '40px' }}
             alt="user profile image"
             src={post.user.clerkImageUrl}
             width={40}
diff --git a/src/components/UserProfile.tsx b/src/components/UserProfile.tsx
index 035c6a4..6155c03 100644
--- a/src/components/UserProfile.tsx
+++ b/src/components/UserProfile.tsx
@@ -54,6 +54,7 @@ export default function UserProfile({ user }: { user: UserDto }) {
         <div className="flex items-center gap-4 -mb-[25px]">
           <div className="flex-shrink-0">
             <Image
+              style={{ height: '100px', width: '100px' }}
               alt="user profile image"
               src={user.clerkImageUrl}
               width={100}