From d4d7e0d4f0461852289d648394a8e819309a625b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niklas=20Schr=C3=B6tler?= <privat@nschroetler.de>
Date: Sun, 4 Apr 2021 19:42:47 +0200
Subject: [PATCH] Fixed bug where images would be squished/stretched in
 SocialBadge

---
 src/components/SocialBadge/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/SocialBadge/index.tsx b/src/components/SocialBadge/index.tsx
index 79f05ba..801ba0d 100644
--- a/src/components/SocialBadge/index.tsx
+++ b/src/components/SocialBadge/index.tsx
@@ -15,7 +15,7 @@ export const SocialBadge: React.FC<SocialBadgeProps> = ({title, link, imagePath}
     return (
         <a className="block bg-white rounded-full shadow-lg p-2 flex w-max items-center cursor-pointer transition-transform transform hover:scale-105 focus:outline-none focus:ring h-16"
            href={link}>
-            {imagePath?(<img className={`flex rounded-full h-12 w-12`} src={imagePath}/>):null}
+            {imagePath?(<img className={`flex rounded-full h-12 w-12 object-cover`} src={imagePath}/>):null}
             <div className="mx-4 font-semibold text-xl">{title}</div>
         </a>
     )