From 883d6314521945b9a7741096e55718760f13a221 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Tue, 27 Feb 2024 21:25:31 +0700
Subject: [PATCH 1/2] fix space between progress bar and title list of gpu
 (#2177)

---
 web/containers/Layout/BottomBar/SystemMonitor/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/containers/Layout/BottomBar/SystemMonitor/index.tsx b/web/containers/Layout/BottomBar/SystemMonitor/index.tsx
index 90510aae7..989ae7777 100644
--- a/web/containers/Layout/BottomBar/SystemMonitor/index.tsx
+++ b/web/containers/Layout/BottomBar/SystemMonitor/index.tsx
@@ -140,7 +140,7 @@ const SystemMonitor = () => {
               {gpus.length > 0 && (
                 <div className="mb-4 border-b border-border pb-4 last:border-none">
                   {gpus.map((gpu, index) => (
-                    <div key={index} className="mt-4 flex flex-col gap-2">
+                    <div key={index} className="mt-4 flex flex-col gap-x-2">
                       <div className="flex w-full items-start justify-between">
                         <span className="line-clamp-1 w-1/2 font-bold">
                           {gpu.name}

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 2/2] 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 && (