From 1570a8715aa7db73f9a5372ea52eeb1ee501aaeb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samuel=20Bart=C3=ADk?=
 <63553146+sambartik@users.noreply.github.com>
Date: Mon, 23 May 2022 15:36:00 +0200
Subject: [PATCH] Fix non-square profile pictures being squished

---
 src/components/IssueList/IssueItem/index.tsx     | 1 +
 src/components/Layout/UserDropdown/index.tsx     | 1 +
 src/components/RequestCard/index.tsx             | 1 +
 src/components/RequestList/RequestItem/index.tsx | 2 ++
 4 files changed, 5 insertions(+)

diff --git a/src/components/IssueList/IssueItem/index.tsx b/src/components/IssueList/IssueItem/index.tsx
index 1695215a3..b8a351ad3 100644
--- a/src/components/IssueList/IssueItem/index.tsx
+++ b/src/components/IssueList/IssueItem/index.tsx
@@ -229,6 +229,7 @@ const IssueItem: React.FC<IssueItemProps> = ({ issue }) => {
                             src={issue.createdBy.avatar}
                             alt=""
                             className="avatar-sm ml-1.5"
+                            style={{ objectFit: 'cover' }}
                           />
                           <span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
                             {issue.createdBy.displayName}
diff --git a/src/components/Layout/UserDropdown/index.tsx b/src/components/Layout/UserDropdown/index.tsx
index a99231177..5637738ea 100644
--- a/src/components/Layout/UserDropdown/index.tsx
+++ b/src/components/Layout/UserDropdown/index.tsx
@@ -41,6 +41,7 @@ const UserDropdown: React.FC = () => {
         >
           <img
             className="h-8 w-8 rounded-full sm:h-10 sm:w-10"
+            style={{ objectFit: 'cover' }}
             src={user?.avatar}
             alt=""
           />
diff --git a/src/components/RequestCard/index.tsx b/src/components/RequestCard/index.tsx
index cc52f1556..cbe301b88 100644
--- a/src/components/RequestCard/index.tsx
+++ b/src/components/RequestCard/index.tsx
@@ -232,6 +232,7 @@ const RequestCard: React.FC<RequestCardProps> = ({ request, onTitleData }) => {
                     src={requestData.requestedBy.avatar}
                     alt=""
                     className="avatar-sm"
+                    style={{ objectFit: 'cover' }}
                   />
                   <span className="truncate font-semibold group-hover:text-white group-hover:underline">
                     {requestData.requestedBy.displayName}
diff --git a/src/components/RequestList/RequestItem/index.tsx b/src/components/RequestList/RequestItem/index.tsx
index b3c18e8f8..889f0071f 100644
--- a/src/components/RequestList/RequestItem/index.tsx
+++ b/src/components/RequestList/RequestItem/index.tsx
@@ -337,6 +337,7 @@ const RequestItem: React.FC<RequestItemProps> = ({
                               src={requestData.requestedBy.avatar}
                               alt=""
                               className="avatar-sm ml-1.5"
+                              style={{ objectFit: 'cover' }}
                             />
                             <span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
                               {requestData.requestedBy.displayName}
@@ -391,6 +392,7 @@ const RequestItem: React.FC<RequestItemProps> = ({
                             src={requestData.modifiedBy.avatar}
                             alt=""
                             className="avatar-sm ml-1.5"
+                            style={{ objectFit: 'cover' }}
                           />
                           <span className="truncate text-sm font-semibold group-hover:text-white group-hover:underline">
                             {requestData.modifiedBy.displayName}