diff --git a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
index 120f3461bd..e19422c472 100644
--- a/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
+++ b/src/renderer/src/pages/home/Inputbar/Inputbar.tsx
@@ -90,6 +90,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
     [estimateTextTokens, showInputEstimatedTokens, text]
   )
   const newTopicShortcut = useShortcutDisplay('new_topic')
+  const inputEmpty = isEmpty(text.trim()) && files.length === 0
 
   _text = text
   _files = files
@@ -100,7 +101,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
       return
     }
 
-    if (isEmpty(text.trim())) {
+    if (inputEmpty) {
       return
     }
 
@@ -131,7 +132,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
     setTimeout(() => resizeTextArea(), 0)
 
     setExpend(false)
-  }, [assistant.id, assistant.topics, generating, files, text, selectedKnowledgeBase])
+  }, [generating, inputEmpty, text, assistant.id, assistant.topics, selectedKnowledgeBase, files])
 
   const translate = async () => {
     if (isTranslating) {
@@ -492,7 +493,7 @@ const Inputbar: FC<Props> = ({ assistant: _assistant, setActiveTopic }) => {
                 </ToolbarButton>
               </Tooltip>
             )}
-            {!generating && <SendMessageButton sendMessage={sendMessage} disabled={generating || !text} />}
+            {!generating && <SendMessageButton sendMessage={sendMessage} disabled={generating || inputEmpty} />}
           </ToolbarMenu>
         </Toolbar>
       </InputBarContainer>
diff --git a/src/renderer/src/pages/settings/DisplaySettings.tsx b/src/renderer/src/pages/settings/DisplaySettings.tsx
index 4ab58f27a1..a4c99c660d 100644
--- a/src/renderer/src/pages/settings/DisplaySettings.tsx
+++ b/src/renderer/src/pages/settings/DisplaySettings.tsx
@@ -117,8 +117,8 @@ const DisplaySettings: FC = () => {
         <SettingTitle>{t('settings.display.custom.css')}</SettingTitle>
         <SettingDivider />
         <Input.TextArea
-          value={customCss}
-          onChange={(e) => dispatch(setCustomCss(e.target.value))}
+          defaultValue={customCss}
+          onBlur={(e) => dispatch(setCustomCss(e.target.value))}
           placeholder={t('settings.display.custom.css.placeholder')}
           style={{
             minHeight: 200,