From 35f68511fb664e401a9495b2ae0674af81b4b0f9 Mon Sep 17 00:00:00 2001
From: Faisal Amir <urmauur@gmail.com>
Date: Thu, 22 Aug 2024 11:17:51 +0700
Subject: [PATCH] fix: decreased scrollbar width to avoid overlap small width
 component (#3432)

---
 joi/src/core/ScrollArea/styles.scss    | 8 ++++----
 web/containers/ModelDropdown/index.tsx | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/joi/src/core/ScrollArea/styles.scss b/joi/src/core/ScrollArea/styles.scss
index 20d966541..3ab0bd306 100644
--- a/joi/src/core/ScrollArea/styles.scss
+++ b/joi/src/core/ScrollArea/styles.scss
@@ -44,17 +44,17 @@
 }
 
 .scroll-area__bar[data-orientation='vertical'] {
-  width: 10px;
+  width: 8px;
 }
 
 .scroll-area__bar[data-orientation='horizontal'] {
   flex-direction: column;
-  height: 10px;
+  height: 8px;
 }
 
 ::-webkit-scrollbar {
-  width: 10px;
-  height: 10px;
+  width: 8px;
+  height: 8px;
 }
 ::-webkit-scrollbar-track,
 ::-webkit-scrollbar-thumb {
diff --git a/web/containers/ModelDropdown/index.tsx b/web/containers/ModelDropdown/index.tsx
index 38ad2ccaf..6f5774779 100644
--- a/web/containers/ModelDropdown/index.tsx
+++ b/web/containers/ModelDropdown/index.tsx
@@ -387,7 +387,7 @@ const ModelDropdown = ({
                   key={i}
                 >
                   <div className="mt-2">
-                    <div className="flex items-center justify-between px-3">
+                    <div className="flex items-center justify-between px-4">
                       <div
                         className="flex w-full cursor-pointer items-center gap-2 py-1"
                         onClick={onClickChevron}