diff --git a/.changeset/loud-groups-float.md b/.changeset/loud-groups-float.md
new file mode 100644
index 0000000000..12eca34eaa
--- /dev/null
+++ b/.changeset/loud-groups-float.md
@@ -0,0 +1,7 @@
+---
+"@ultraviolet/ui": patch
+---
+
+`SelectInput`: 
+- click outside should work in every context 
+- fix placeholder alignment when small
\ No newline at end of file
diff --git a/packages/ui/src/components/Popup/index.tsx b/packages/ui/src/components/Popup/index.tsx
index 64e2a55d16..95bf26de56 100644
--- a/packages/ui/src/components/Popup/index.tsx
+++ b/packages/ui/src/components/Popup/index.tsx
@@ -62,7 +62,7 @@ export type PositionsType = {
  * This event handle allow us to not bubble the event to document.body like this react-select works fine
  */
 const stopClickPropagation: MouseEventHandler = event => {
-  event.nativeEvent.stopImmediatePropagation()
+  event.stopPropagation()
 }
 
 type PopupRole = 'dialog' | 'tooltip' | 'popup' | string
diff --git a/packages/ui/src/components/SelectInput/components/selectBar.css.ts b/packages/ui/src/components/SelectInput/components/selectBar.css.ts
index e3114da644..90ff9ed7d2 100644
--- a/packages/ui/src/components/SelectInput/components/selectBar.css.ts
+++ b/packages/ui/src/components/SelectInput/components/selectBar.css.ts
@@ -74,6 +74,7 @@ export const selectBar = recipe({
     size: {
       small: {
         height: theme.sizing[INPUT_SIZE_HEIGHT.small],
+        padding: 0,
         paddingLeft: theme.space[1],
       },
       medium: {