From 167d3424224802b2293000ca0c3525338bfcabd8 Mon Sep 17 00:00:00 2001
From: nhestrompia <nhestrompia@gmail.com>
Date: Mon, 28 Aug 2023 13:00:02 +0300
Subject: [PATCH] fix(web): stats-juror-icon

---
 web/src/assets/svgs/icons/user.svg | 2 +-
 web/src/components/StatDisplay.tsx | 6 +++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/assets/svgs/icons/user.svg b/web/src/assets/svgs/icons/user.svg
index e4444701e..23dc8988b 100644
--- a/web/src/assets/svgs/icons/user.svg
+++ b/web/src/assets/svgs/icons/user.svg
@@ -1,3 +1,3 @@
-<svg width="22" height="22" viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
+<svg  viewBox="0 0 22 22" xmlns="http://www.w3.org/2000/svg">
 <path d="M10.8919 12.3125C14.119 12.3125 16.7373 9.66699 16.7373 6.40625C16.7373 3.14551 14.119 0.5 10.8919 0.5C7.6647 0.5 5.04644 3.14551 5.04644 6.40625C5.04644 9.66699 7.6647 12.3125 10.8919 12.3125ZM16.0878 13.625H13.8511C12.9499 14.0434 11.9473 14.2812 10.8919 14.2812C9.83643 14.2812 8.83784 14.0434 7.93261 13.625H5.69593C2.82599 13.625 0.5 15.9752 0.5 18.875V19.5312C0.5 20.6182 1.37275 21.5 2.44847 21.5H19.3352C20.411 21.5 21.2837 20.6182 21.2837 19.5312V18.875C21.2837 15.9752 18.9577 13.625 16.0878 13.625Z" />
 </svg>
diff --git a/web/src/components/StatDisplay.tsx b/web/src/components/StatDisplay.tsx
index 67ef929ff..43c929663 100644
--- a/web/src/components/StatDisplay.tsx
+++ b/web/src/components/StatDisplay.tsx
@@ -15,11 +15,10 @@ const SVGContainer = styled.div<{ iconColor: string; backgroundColor: string }>`
   display: flex;
   align-items: center;
   justify-content: center;
-
   svg {
     fill: ${({ iconColor }) => iconColor};
-    height: 32px;
-    width: 32px;
+    height: ${({ iconColor, theme }) => (iconColor === theme.success ? "24px" : "32px")};
+    width: ${({ iconColor, theme }) => (iconColor === theme.success ? "24px" : "32px")};
   }
 `;
 
@@ -51,6 +50,7 @@ const StatDisplay: React.FC<IStatDisplay> = ({ title, text, subtext, icon: Icon,
     blue: createPair(theme.primaryBlue, theme.mediumBlue),
     purple: createPair(theme.secondaryPurple, theme.mediumPurple),
   };
+
   return (
     <Container {...props}>
       <SVGContainer {...{ ...COLORS[color] }}>{<Icon />}</SVGContainer>