From f72e0556e53d35547365cbf593a5ef0660280c8f Mon Sep 17 00:00:00 2001
From: Aadhar Chandiwala <chandiwalaaadhar@gmail.com>
Date: Tue, 15 Mar 2022 05:57:50 +0530
Subject: [PATCH] Fix - Pikachu User Image after upload covers the center
 content

---
 client/templates/Pikachu/widgets/Masthead.tsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/client/templates/Pikachu/widgets/Masthead.tsx b/client/templates/Pikachu/widgets/Masthead.tsx
index 2a59e568..9256b5c9 100644
--- a/client/templates/Pikachu/widgets/Masthead.tsx
+++ b/client/templates/Pikachu/widgets/Masthead.tsx
@@ -17,9 +17,13 @@ export const MastheadSidebar: React.FC = () => {
   return (
     <div className="col-span-2 grid justify-items-left gap-4">
       {photo.visible && !isEmpty(photo.url) && (
-        <div className="relative aspect-square h-full w-full">
-          <img alt={name} src={photo.url} className={getPhotoClassNames(photo.filters)} />
-        </div>
+        <img
+          alt={name}
+          src={photo.url}
+          width={photo.filters.size}
+          height={photo.filters.size}
+          className={getPhotoClassNames(photo.filters)}
+        />
       )}
 
       <div className="flex flex-col gap-2">