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}