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>