From 3465f4c664bcbf732ebd1276a002a4bb71c15519 Mon Sep 17 00:00:00 2001
From: Fredrik Strand Oseberg <fredrik.no@gmail.com>
Date: Fri, 12 Nov 2021 12:02:47 +0100
Subject: [PATCH] fix: status chip (#501)

---
 .../src/component/common/StatusChip/StatusChip.styles.ts  | 1 -
 .../FeatureToggleList/FeatureToggleListItem/styles.js     | 8 +++++---
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/frontend/src/component/common/StatusChip/StatusChip.styles.ts b/frontend/src/component/common/StatusChip/StatusChip.styles.ts
index 22108ec4fd..7131512843 100644
--- a/frontend/src/component/common/StatusChip/StatusChip.styles.ts
+++ b/frontend/src/component/common/StatusChip/StatusChip.styles.ts
@@ -2,7 +2,6 @@ import { makeStyles } from '@material-ui/core/styles';
 
 export const useStyles = makeStyles(theme => ({
     chip: {
-        margin: '0 8px',
         background: 'transparent',
         border: `1px solid ${theme.palette.primary.main}`,
         color: theme.palette.primary.main,
diff --git a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListItem/styles.js b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListItem/styles.js
index 68cc624d86..c725251f45 100644
--- a/frontend/src/component/feature/FeatureToggleList/FeatureToggleListItem/styles.js
+++ b/frontend/src/component/feature/FeatureToggleList/FeatureToggleListItem/styles.js
@@ -6,7 +6,7 @@ export const useStyles = makeStyles(theme => ({
         margin: '1rem 0',
         '&:hover': {
             backgroundColor: theme.palette.grey[200],
-        }
+        },
     },
     listItemMetric: {
         width: '40px',
@@ -28,8 +28,10 @@ export const useStyles = makeStyles(theme => ({
     },
     listItemStrategies: {
         marginLeft: 'auto',
+        display: 'flex',
+        alignItems: 'center',
     },
-    disabledLink:{
-        pointerEvents: 'none'
+    disabledLink: {
+        pointerEvents: 'none',
     },
 }));