From d617eaaefc93f703e30eb7d4800a68c2149cd313 Mon Sep 17 00:00:00 2001
From: andreas-unleash <104830839+andreas-unleash@users.noreply.github.com>
Date: Fri, 22 Jul 2022 14:05:15 +0300
Subject: [PATCH] bug fix

---
 .../ConstraintAccordion/ConstraintAccordion.styles.ts     | 6 ------
 .../ConstraintAccordionList.styles.ts                     | 6 ++++++
 .../ConstraintAccordionList/ConstraintAccordionList.tsx   | 8 ++++----
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordion.styles.ts b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordion.styles.ts
index 7ed5067e05..45fc481d0b 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordion.styles.ts
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordion.styles.ts
@@ -86,12 +86,6 @@ export const useStyles = makeStyles()(theme => ({
             top: '-10px',
         },
     },
-    help: {
-        fill: theme.palette.grey[600],
-        [theme.breakpoints.down(860)]: {
-            display: 'none',
-        },
-    },
     headerText: {
         maxWidth: '400px',
         fontSize: theme.fontSizes.smallBody,
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts
index 43067815e7..8b4a8c0508 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.styles.ts
@@ -6,4 +6,10 @@ export const useStyles = makeStyles()(theme => ({
         display: 'grid',
         gap: '1rem',
     },
+    help: {
+        fill: theme.palette.grey[600],
+        [theme.breakpoints.down(860)]: {
+            display: 'none',
+        },
+    },
 }));
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx
index 0e8ff29a89..fe9860b8f9 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionList/ConstraintAccordionList.tsx
@@ -8,7 +8,7 @@ import { objectId } from 'utils/objectId';
 import { useStyles } from './ConstraintAccordionList.styles';
 import { createEmptyConstraint } from 'component/common/ConstraintAccordion/ConstraintAccordionList/createEmptyConstraint';
 import { ConditionallyRender } from 'component/common/ConditionallyRender/ConditionallyRender';
-import { Button, IconButton } from '@mui/material';
+import { Button } from '@mui/material';
 import { Help } from '@mui/icons-material';
 
 interface IConstraintAccordionListProps {
@@ -109,10 +109,10 @@ export const ConstraintAccordionList = forwardRef<
                                 href={
                                     'https://docs.getunleash.io/advanced/strategy_constraints'
                                 }
+                                target="_blank"
+                                rel="noopener noreferrer"
                             >
-                                <IconButton>
-                                    <Help />
-                                </IconButton>
+                                <Help className={styles.help} />
                             </a>
                         </p>
                         <Button