Fixing chip styles

UKHomeOffice · Jul 22, 2024 · 38eab9b · 38eab9b
1 parent 85a1173
commit 38eab9b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/src/components/FlightFlagger/FlightFlaggerHighlightChip.tsx b/src/components/FlightFlagger/FlightFlaggerHighlightChip.tsx
@@ -8,7 +8,7 @@ export interface IFlightHighlightChip {
 }
 
 const HighlightIcon = () => {
-  return <CustomHighlightIcon style={{marginLeft: '4px', width: '25px'}} />
+  return <CustomHighlightIcon style={{marginLeft: '4px', minWidth: '25px'}} />
 }
 
 export const FlightHighlightChip = ({text}: IFlightHighlightChip) => {
@@ -21,8 +21,12 @@ export const FlightHighlightChip = ({text}: IFlightHighlightChip) => {
             color: '#111224',
             margin: '2px 2px 2px 0px',
             borderRadius: 0,
+            minHeight: '32px',
+            height: 'auto',
             '> .MuiChip-label': {
               paddingLeft: '5px',
+              paddingTop: '2px',
+              paddingBottom: '2px',
               overflow: 'visible',
               textOverflow: 'inherit',
               whiteSpace: 'normal',

diff --git a/src/components/FlightFlagger/icon-highlight-pax.svg b/src/components/FlightFlagger/icon-highlight-pax.svg