From 37d04b56ba9b466ffbb5db27df6674f1a6436c9c Mon Sep 17 00:00:00 2001
From: Fredrik Oseberg <fredrik.no@gmail.com>
Date: Wed, 20 Oct 2021 13:15:28 +0200
Subject: [PATCH] fix: scale metrics

---
 .../FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts   | 2 +-
 .../FeatureEnvironmentMetrics.tsx                          | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
index 55bd00db65..4e7c8cc5f5 100644
--- a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
+++ b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
@@ -14,7 +14,7 @@ export const useStyles = makeStyles(theme => ({
         margin: '1rem',
         width: '30%',
         [theme.breakpoints.down(1000)]: {
-            width: '40%',
+            width: '50%',
         },
         [theme.breakpoints.down(750)]: {
             width: '100%',
diff --git a/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx b/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx
index 9895f50f44..d66e111fde 100644
--- a/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx
+++ b/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx
@@ -71,7 +71,11 @@ const FeatureEnvironmentMetrics = ({
                     </div>
 
                     <div className={styles.chartContainer}>
-                        <PieChartIcon className={styles.icon} data-loading />
+                        <PieChartIcon
+                            style={{ transform: 'scale(1.4)' }}
+                            className={styles.icon}
+                            data-loading
+                        />
                     </div>
                 </div>
             </div>
@@ -114,6 +118,7 @@ const FeatureEnvironmentMetrics = ({
                             width: '60px',
                             marginLeft: '1rem',
                             ...primaryStyles,
+                            transform: 'scale(1.7)',
                         }}
                     />
                 </div>