diff --git a/frontend/src/pages/Completion.tsx b/frontend/src/pages/Completion.tsx
index 816ab54..6cc8e14 100644
--- a/frontend/src/pages/Completion.tsx
+++ b/frontend/src/pages/Completion.tsx
@@ -260,7 +260,7 @@ const CompletionPanel: FC = observer(() => {
               <Option key={preset.name} value={preset.name}>{t(preset.name)!}</Option>)
           }
         </Dropdown>
-        <div className="flex flex-col gap-1 overflow-x-hidden overflow-y-auto">
+        <div className="flex flex-col gap-1 overflow-x-hidden overflow-y-auto p-1">
           <Labeled flex breakline label={t('Max Response Token')}
             desc={t('By default, the maximum number of tokens that can be answered in a single response, it can be changed by the user by specifying API parameters.')}
             content={