From 79a86fde4ddb484c89679ef00f454d78409057b9 Mon Sep 17 00:00:00 2001
From: aliraza556 <alirazaakhtar1122@gmail.com>
Date: Sun, 20 Oct 2024 04:15:38 +0500
Subject: [PATCH] fix(blueprint): color icon button misplacement

---
 .../ModalsContainer/BlueprintModal/Body/Editor/index.tsx      | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx b/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx
index 8a366b897..dee0aafa9 100644
--- a/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx
+++ b/src/components/ModalsContainer/BlueprintModal/Body/Editor/index.tsx
@@ -754,6 +754,7 @@ const ColorPickerIconWrapper = styled.span<{ selectedColor?: string }>`
   height: 36px;
   border-radius: 6px;
   margin-left: 12px;
+  margin-block-start: 3px;
   background: ${(props) => props.selectedColor ?? colors.THING};
   display: flex;
   justify-content: center;
@@ -774,8 +775,9 @@ const ColorPickerIconWrapper = styled.span<{ selectedColor?: string }>`
 
 const InputIconWrapper = styled(Flex)`
   justify-content: space-between;
-  align-items: center;
   flex-direction: row;
+  position: relative;
+  display: flex;
 `
 
 const InputWrapper = styled(Flex)`