From 355d8441486a62602064c683f42e930b8bf356e2 Mon Sep 17 00:00:00 2001
From: blessedcoolant <54517381+blessedcoolant@users.noreply.github.com>
Date: Thu, 21 Mar 2024 00:31:33 +0530
Subject: [PATCH] fix: make the styling of the hex code component consistent
 with others

---
 .../Invocation/fields/inputs/ColorFieldInputComponent.tsx      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ColorFieldInputComponent.tsx b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ColorFieldInputComponent.tsx
index 093e3459ab5..545c5c40932 100644
--- a/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ColorFieldInputComponent.tsx
+++ b/invokeai/frontend/web/src/features/nodes/components/flow/nodes/Invocation/fields/inputs/ColorFieldInputComponent.tsx
@@ -55,9 +55,10 @@ const ColorFieldInputComponent = (props: FieldComponentProps<ColorFieldInputInst
           background: colorTokenToCssVar('base.700'),
           color: colorTokenToCssVar('base.100'),
           fontSize: 12,
-          paddingInlineStart: 4,
+          paddingInlineStart: 10,
           borderRadius: 4,
           paddingBlock: 4,
+          outline: 'none',
         }}
         className="nodrag"
         color={rgbaToHex(color)}