From fe8ed1f26dc86ead92ffea4f36e2989caf7dad88 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Mon, 12 Aug 2024 15:55:15 +0700
Subject: [PATCH] chore: ui fix button outline for configure cloud model
 (#3347)

---
 web/containers/ModelDropdown/ModelSection.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/containers/ModelDropdown/ModelSection.tsx b/web/containers/ModelDropdown/ModelSection.tsx
index 4d267043c..925531a6e 100644
--- a/web/containers/ModelDropdown/ModelSection.tsx
+++ b/web/containers/ModelDropdown/ModelSection.tsx
@@ -131,7 +131,7 @@ const ModelSection: React.FC<Props> = ({
         </div>
         <div className="flex items-center">
           {isRemoteEngine && (
-            <Button theme="icon" onClick={onSettingClick}>
+            <Button theme="icon" variant="outline" onClick={onSettingClick}>
               {isEngineReady ? (
                 <SettingsIcon
                   size={14}
@@ -172,7 +172,7 @@ const ModelSection: React.FC<Props> = ({
               className={twMerge(
                 'flex cursor-pointer items-center gap-2 px-3 py-2 hover:bg-[hsla(var(--dropdown-menu-hover-bg))]',
                 !isRemoteEngine || isEngineReady
-                  ? 'text-[hsla(var(--text-primary))]'
+                  ? 'text-[hsla(var(--text-secondary))]'
                   : 'pointer-events-none cursor-not-allowed text-[hsla(var(--text-tertiary))]'
               )}
               onClick={() => {