diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.styles.ts b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.styles.ts
index 0acfd24ad1..cf2730bcd6 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.styles.ts
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditBody/ConstraintAccordionEditBody.styles.ts
@@ -1,9 +1,9 @@
-import {makeStyles} from 'tss-react/mui';
+import { makeStyles } from 'tss-react/mui';
 
 export const useStyles = makeStyles()(theme => ({
     inputContainer: {
         padding: '1rem',
-        backgroundColor: theme.palette.grey[100]
+        backgroundColor: theme.palette.grey[100],
     },
     buttonContainer: {
         display: 'flex',
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
index dd6c31ee11..2ef2de188c 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/ConstraintAccordionEditHeader/ConstraintAccordionEditHeader.tsx
@@ -73,7 +73,7 @@ export const ConstraintAccordionEditHeader = ({
             oneOf(dateOperators, operator)
         ) {
             setOperator(IN);
-        } else  if (oneOf(stringOperators, operator)) {
+        } else if (oneOf(stringOperators, operator)) {
             setShowCaseSensitiveButton(true);
         }
     }, [contextName, setOperator, operator, setLocalConstraint]);
diff --git a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/CaseSensitiveButton/CaseSensitiveButton.tsx b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/CaseSensitiveButton/CaseSensitiveButton.tsx
index f8cfa239cc..c003c539ec 100644
--- a/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/CaseSensitiveButton/CaseSensitiveButton.tsx
+++ b/frontend/src/component/common/ConstraintAccordion/ConstraintAccordionEdit/StyledToggleButton/CaseSensitiveButton/CaseSensitiveButton.tsx
@@ -1,7 +1,7 @@
 import { Tooltip } from '@mui/material';
 import { ReactComponent as CaseSensitive } from 'assets/icons/24_Text format.svg';
 import { ReactComponent as CaseSensitiveOff } from 'assets/icons/24_Text format off.svg';
-import React  from 'react';
+import React from 'react';
 import {
     StyledToggleButtonOff,
     StyledToggleButtonOn,
@@ -19,33 +19,28 @@ export const CaseSensitiveButton = ({
     setCaseInsensitive,
 }: CaseSensitiveButtonProps) => {
     return (
-        <Tooltip
-            title={
-                localConstraint.caseInsensitive
-                    ? 'Make it case sensitive'
-                    : 'Remove case sensitive'
-            }
-            arrow
-        >
-            <ConditionallyRender
-                condition={Boolean(localConstraint.caseInsensitive)}
-                show={
+        <ConditionallyRender
+            condition={Boolean(localConstraint.caseInsensitive)}
+            show={
+                <Tooltip title="Make it case sensitive" arrow>
                     <StyledToggleButtonOff
                         onClick={setCaseInsensitive}
                         disableRipple
                     >
                         <CaseSensitiveOff />
                     </StyledToggleButtonOff>
-                }
-                elseShow={
+                </Tooltip>
+            }
+            elseShow={
+                <Tooltip title="Remove case sensitive" arrow>
                     <StyledToggleButtonOn
                         onClick={setCaseInsensitive}
                         disableRipple
                     >
                         <CaseSensitive />
                     </StyledToggleButtonOn>
-                }
-            />
-        </Tooltip>
+                </Tooltip>
+            }
+        />
     );
 };