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}>