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)}