From 95946ab9f2ebcab437d3f5e2613feb965b92e055 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 27 Feb 2024 21:25:42 +0700
Subject: [PATCH] fix: change button import model on hub page (#2178)

---
 web/screens/ExploreModels/index.tsx | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/screens/ExploreModels/index.tsx b/web/screens/ExploreModels/index.tsx
index 96bc6ba2c..e7fd3a9dc 100644
--- a/web/screens/ExploreModels/index.tsx
+++ b/web/screens/ExploreModels/index.tsx
@@ -13,7 +13,7 @@ import {
 } from '@janhq/uikit'
 
 import { useAtomValue, useSetAtom } from 'jotai'
-import { Plus, SearchIcon } from 'lucide-react'
+import { UploadIcon, SearchIcon } from 'lucide-react'
 
 import { FeatureToggleContext } from '@/context/FeatureToggle'
 
@@ -96,12 +96,12 @@ const ExploreModelsScreen = () => {
                     />
                   </div>
                   <Button
-                    themes={'primary'}
-                    className="space-x-2"
+                    themes="outline"
+                    className="gap-2 bg-white"
                     onClick={onImportModelClick}
                   >
-                    <Plus className="h-3 w-3" />
-                    <p>Import Model</p>
+                    <UploadIcon size={16} />
+                    Import Model
                   </Button>
                 </div>
                 {experimentalFeature && (