From 25386af41aa961f332258190fad63a1639adb8ac Mon Sep 17 00:00:00 2001
From: Yi Xiao <54782454+YIXIAO0@users.noreply.github.com>
Date: Fri, 23 Aug 2024 17:20:19 +0800
Subject: [PATCH] fix: knowledge setting "knowledge name" input width (#7584)

---
 .../components/datasets/settings/form/index.tsx    | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/web/app/components/datasets/settings/form/index.tsx b/web/app/components/datasets/settings/form/index.tsx
index f7519248e6..404a8ed6a0 100644
--- a/web/app/components/datasets/settings/form/index.tsx
+++ b/web/app/components/datasets/settings/form/index.tsx
@@ -163,12 +163,14 @@ const Form = () => {
         <div className={labelClass}>
           <div>{t('datasetSettings.form.name')}</div>
         </div>
-        <input
-          disabled={!currentDataset?.embedding_available}
-          className={cn(inputClass, !currentDataset?.embedding_available && 'opacity-60', 'h-9')}
-          value={name}
-          onChange={e => setName(e.target.value)}
-        />
+        <div className='w-full max-w-[480px]'>
+          <input
+            disabled={!currentDataset?.embedding_available}
+            className={cn(inputClass, !currentDataset?.embedding_available && 'opacity-60', 'h-9')}
+            value={name}
+            onChange={e => setName(e.target.value)}
+          />
+        </div>
       </div>
       <div className={rowClass}>
         <div className={labelClass}>