From 73861b0f2e81aa7710b3ed4dfd08b9efedd4cb68 Mon Sep 17 00:00:00 2001
From: Fredrik Oseberg <fredrik.no@gmail.com>
Date: Wed, 20 Oct 2021 13:18:33 +0200
Subject: [PATCH] fix: metrics styling

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

diff --git a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
index 4e7c8cc5f5..064dd72cf1 100644
--- a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
+++ b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
@@ -13,12 +13,12 @@ export const useStyles = makeStyles(theme => ({
         border: `1px solid ${theme.palette.grey[300]}`,
         margin: '1rem',
         width: '30%',
-        [theme.breakpoints.down(1000)]: {
-            width: '50%',
-        },
-        [theme.breakpoints.down(750)]: {
-            width: '100%',
-        },
+    },
+    [theme.breakpoints.down(1000)]: {
+        environmentMetrics: { width: '60%' },
+    },
+    [theme.breakpoints.down(750)]: {
+        environmentMetrics: { width: '100%' },
     },
     secondaryContent: {
         marginTop: '1rem',
diff --git a/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx b/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx
index d66e111fde..474305722e 100644
--- a/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx
+++ b/frontend/src/component/feature/FeatureView2/FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics.tsx
@@ -118,7 +118,7 @@ const FeatureEnvironmentMetrics = ({
                             width: '60px',
                             marginLeft: '1rem',
                             ...primaryStyles,
-                            transform: 'scale(1.7)',
+                            transform: 'scale(1.6)',
                         }}
                     />
                 </div>