diff --git a/web/app/components/datasets/documents/detail/new-segment-modal.tsx b/web/app/components/datasets/documents/detail/new-segment-modal.tsx
index dae9cf19fb..4c51779f9c 100644
--- a/web/app/components/datasets/documents/detail/new-segment-modal.tsx
+++ b/web/app/components/datasets/documents/detail/new-segment-modal.tsx
@@ -135,7 +135,7 @@ const NewSegmentModal: FC<NewSegmentModalProps> = ({
         <div className='mb-8'>
           <TagInput items={keywords} onChange={newKeywords => setKeywords(newKeywords)} />
         </div>
-        <div className='flex justify-end'>
+        <div className='flex justify-end space-x-2'>
           <Button
             onClick={handleCancel}>
             {t('common.operation.cancel')}