diff --git a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
index 2c473ac393..29b4ed5b88 100644
--- a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
+++ b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.styles.ts
@@ -15,7 +15,7 @@ export const useStyles = makeStyles(theme => ({
         width: '30%',
     },
     [theme.breakpoints.down(1000)]: {
-        environmentMetrics: { width: '60%' },
+        environmentMetrics: { width: '50%' },
     },
     [theme.breakpoints.down(750)]: {
         environmentMetrics: { width: '100%' },
diff --git a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.tsx b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.tsx
index 0dec136ad7..3261583c37 100644
--- a/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.tsx
+++ b/frontend/src/component/feature/FeatureView2/FeatureMetrics/FeatureMetrics.tsx
@@ -1,12 +1,13 @@
 import { useParams } from 'react-router';
 import useFeature from '../../../../hooks/api/getters/useFeature/useFeature';
-import { useStyles } from './FeatureMetrics.styles';
 import { IFeatureViewParams } from '../../../../interfaces/params';
 import useFeatureMetrics from '../../../../hooks/api/getters/useFeatureMetrics/useFeatureMetrics';
 import FeatureEnvironmentMetrics from '../FeatureOverview/FeatureEnvironmentMetrics/FeatureEnvironmentMetrics';
 import FeatureSeenApplications from '../FeatureSeenApplications/FeatureSeenApplications';
 import PageContent from '../../../common/PageContent';
 
+import { useStyles } from './FeatureMetrics.styles';
+
 const emptyMetric = (environment: string) => ({
     yes: 0,
     no: 0,