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

@@ -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
-          <Input
+          ref={inputRef}
-            ref={inputRef}
+          type="text"
-            type="text"
+          size="small"
-            size="small"
+          value={inputValue}
-            value={inputValue}
+          onChange={handleInputChange}
-            onChange={handleInputChange}
+          onBlur={handleInputConfirm}
-            onBlur={handleInputConfirm}
+          onPressEnter={handleInputConfirm}
-            onPressEnter={handleInputConfirm}
+        />
-          />
-        </div>
       ) : (
-        <div className="mb-[8px]">
+        <Tag onClick={showInput} style={tagPlusStyle}>
-          <Tag onClick={showInput} style={tagPlusStyle}>
+          <PlusOutlined />
-            <PlusOutlined />
+        </Tag>
-          </Tag>
-        </div>
       )}
     </div>
   );