From 6f210b7350edc1d8dffaf9f0fea10f41feba8623 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Wed, 27 Nov 2024 18:43:35 +0100
Subject: [PATCH] fix: update PostbackInput chip padding

---
 .../visual-editor/form/inputs/triggers/PostbackInput.tsx   | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/visual-editor/form/inputs/triggers/PostbackInput.tsx b/frontend/src/components/visual-editor/form/inputs/triggers/PostbackInput.tsx
index 71b567d..fd65fe1 100644
--- a/frontend/src/components/visual-editor/form/inputs/triggers/PostbackInput.tsx
+++ b/frontend/src/components/visual-editor/form/inputs/triggers/PostbackInput.tsx
@@ -21,6 +21,7 @@ import { Input } from "@/app-components/inputs/Input";
 import { useFind } from "@/hooks/crud/useFind";
 import { useGetFromCache } from "@/hooks/crud/useGet";
 import { useTranslate } from "@/hooks/useTranslate";
+import { theme } from "@/layout/themes/theme";
 import { EntityType, Format } from "@/services/types";
 import { IBlock, PayloadPattern } from "@/types/block.types";
 import {
@@ -243,12 +244,16 @@ export const PostbackInput = ({
               <InputAdornment position="start">
                 <Chip
                   sx={{
+                    position: "relative",
+                    left: "8px",
+                    height: "25px",
                     fontSize: "12px",
                     minWidth: "75px",
                     maxHeight: "30px",
                     borderRadius: "16px 0 0 16px",
+                    borderRight: "none",
+                    borderColor: theme.palette.grey[400],
                   }}
-                  style={{ padding: 0, margin: 0 }}
                   color="primary"
                   label={selectedValue?.type || t("label.postback")}
                   variant="role"