From 36057a4acb7f2487d1fe0f57818cc2737bdc47d1 Mon Sep 17 00:00:00 2001
From: Mohan Raj <mohanraj.pachaiyappan@news.co.uk>
Date: Sat, 25 Mar 2023 17:15:00 +0000
Subject: [PATCH] Fix flag list UI

---
 src/components/Header.tsx   | 4 ++--
 src/components/LineItem.tsx | 1 +
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/components/Header.tsx b/src/components/Header.tsx
index 94ad280..468d0e3 100644
--- a/src/components/Header.tsx
+++ b/src/components/Header.tsx
@@ -7,10 +7,10 @@ export default function (): JSX.Element {
 			<FlexItem>
 				<h4>{__('Flag Name', 'mr-feature-flags')}</h4>
 			</FlexItem>
-			<FlexItem style={{ marginLeft: 140 }}>
+			<FlexItem style={{ marginLeft: 160 }}>
 				<h4>{__('Status', 'mr-feature-flags')}</h4>
 			</FlexItem>
-			<FlexItem style={{ marginLeft: 60 }}>
+			<FlexItem style={{ marginLeft: 75 }}>
 				<h4>{__('SDK Settings', 'mr-feature-flags')}</h4>
 			</FlexItem>
 			<FlexItem style={{ marginLeft: 30 }}>
diff --git a/src/components/LineItem.tsx b/src/components/LineItem.tsx
index c1ce29b..0e8959c 100644
--- a/src/components/LineItem.tsx
+++ b/src/components/LineItem.tsx
@@ -105,6 +105,7 @@ const LineItem = ({
 				<Flex justify={'flex-start'}>
 					<FlexItem>
 						<TextControl
+							style={{ width: 180 }}
 							ref={inputRef}
 							value={item.name}
 							onChange={(value) => handleFlagEdit(value, item.id)}