From 887651e5fa363422172d592ab7509ebf400e2484 Mon Sep 17 00:00:00 2001
From: balibabu <cike8899@users.noreply.github.com>
Date: Fri, 20 Jun 2025 16:33:46 +0800
Subject: [PATCH] Fix: Fixed the issue where tag content would overflow the
 container #8392 (#8393)

### What problem does this PR solve?

Fix: Fixed the issue where tag content would overflow the container
#8392
### Type of change

- [x] Bug Fix (non-breaking change which fixes an issue)
---
 web/src/components/edit-tag/index.tsx | 30 ++++++++++++---------------
 1 file changed, 13 insertions(+), 17 deletions(-)

diff --git a/web/src/components/edit-tag/index.tsx b/web/src/components/edit-tag/index.tsx
index 6a82351b3..676ba7ff9 100644
--- a/web/src/components/edit-tag/index.tsx
+++ b/web/src/components/edit-tag/index.tsx
@@ -74,7 +74,7 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
   };
 
   return (
-    <div className="flex gap-[8px] items-start">
+    <div>
       {Array.isArray(tagChild) && tagChild.length > 0 && (
         <TweenOneGroup
           className={styles.tweenGroup}
@@ -96,23 +96,19 @@ const EditTag = ({ value = [], onChange }: EditTagsProps) => {
         </TweenOneGroup>
       )}
       {inputVisible ? (
-        <div className="w-[180px] mb-[8px]">
-          <Input
-            ref={inputRef}
-            type="text"
-            size="small"
-            value={inputValue}
-            onChange={handleInputChange}
-            onBlur={handleInputConfirm}
-            onPressEnter={handleInputConfirm}
-          />
-        </div>
+        <Input
+          ref={inputRef}
+          type="text"
+          size="small"
+          value={inputValue}
+          onChange={handleInputChange}
+          onBlur={handleInputConfirm}
+          onPressEnter={handleInputConfirm}
+        />
       ) : (
-        <div className="mb-[8px]">
-          <Tag onClick={showInput} style={tagPlusStyle}>
-            <PlusOutlined />
-          </Tag>
-        </div>
+        <Tag onClick={showInput} style={tagPlusStyle}>
+          <PlusOutlined />
+        </Tag>
       )}
     </div>
   );