From f1a24e5a1289ed4bde2d42a2610b9fa41ff11f66 Mon Sep 17 00:00:00 2001
From: hamed musallam <hamed.musallam@gmail.com>
Date: Fri, 30 Aug 2024 09:31:59 +0200
Subject: [PATCH] fix: select component style

---
 src/component/elements/Select2.tsx | 7 ++++++-
 src/index.tsx                      | 1 +
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/component/elements/Select2.tsx b/src/component/elements/Select2.tsx
index 512b7b3acb..e5ed667c3e 100644
--- a/src/component/elements/Select2.tsx
+++ b/src/component/elements/Select2.tsx
@@ -27,7 +27,10 @@ type ReturnedUseSelectOptions = ReturnType<typeof useSelect>;
 export type Select2Props<T extends Record<string, any> = SelectDefaultItem> =
   Omit<
     SelectProps<T>,
-    keyof Omit<ReturnedUseSelectOptions, 'onItemSelect' | 'value'>
+    keyof Omit<
+      ReturnedUseSelectOptions,
+      'onItemSelect' | 'value' | 'popoverProps'
+    >
   > &
     SelectOptions<T> & {
       selectedButtonProps?: Omit<ButtonProps, 'text'>;
@@ -60,6 +63,7 @@ function InnerSelect2<T extends Record<string, any> = SelectDefaultItem>(
     intent,
     placeholder = '',
     filterPlaceholder,
+    popoverProps,
     getSelectedText,
     ...otherProps
   } = props;
@@ -101,6 +105,7 @@ function InnerSelect2<T extends Record<string, any> = SelectDefaultItem>(
       {...otherProps}
       placeholder={filterPlaceholder}
       fill={fill}
+      popoverProps={{ minimal: true, ...popoverProps }}
     >
       <Button
         ref={ref}
diff --git a/src/index.tsx b/src/index.tsx
index c4305ef4f2..6663e0f314 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -10,6 +10,7 @@ import 'modern-normalize/modern-normalize.css';
 import 'react-science/styles/preflight.css';
 import '@blueprintjs/core/lib/css/blueprint.css';
 import '@blueprintjs/icons/lib/css/blueprint-icons.css';
+import '@blueprintjs/select/lib/css/blueprint-select.css';
 
 import './demo/index.css';