diff --git a/src/renderer/src/components/ModelList/ModelList.tsx b/src/renderer/src/components/ModelList/ModelList.tsx
index b9c54d0c9f..5a3b12b9a0 100644
--- a/src/renderer/src/components/ModelList/ModelList.tsx
+++ b/src/renderer/src/components/ModelList/ModelList.tsx
@@ -112,12 +112,6 @@ const ModelList: React.FC<ModelListProps> = ({ providerId }) => {
             <CollapsibleSearchBar onSearch={setSearchText} />
           </HStack>
           <HStack>
-            <Tooltip title={t('button.manage')} mouseLeaveDelay={0}>
-              <Button type="text" onClick={onManageModel} icon={<ListCheck size={16} />} disabled={isHealthChecking} />
-            </Tooltip>
-            <Tooltip title={t('button.add')} mouseLeaveDelay={0}>
-              <Button type="text" onClick={onAddModel} icon={<Plus size={16} />} disabled={isHealthChecking} />
-            </Tooltip>
             <Tooltip title={t('settings.models.check.button_caption')} mouseLeaveDelay={0}>
               <Button
                 type="text"
@@ -163,6 +157,14 @@ const ModelList: React.FC<ModelListProps> = ({ providerId }) => {
           <div style={{ height: 5 }} />
         )}
       </Flex>
+      <Flex gap={10} style={{ marginTop: 10 }}>
+        <Button type="primary" onClick={onManageModel} icon={<ListCheck size={16} />} disabled={isHealthChecking}>
+          {t('button.manage')}
+        </Button>
+        <Button type="default" onClick={onAddModel} icon={<Plus size={16} />} disabled={isHealthChecking}>
+          {t('button.add')}
+        </Button>
+      </Flex>
       {models.map((model) => (
         <ModelEditContent
           provider={provider}