From 2d3cf0ff66c5f421fc4bf6fb8944c1d286fe7053 Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 9 Jan 2026 10:33:12 +0000
Subject: [PATCH 1/2] Reduce spacing between top/bottom of dropdown & window
 edge

---
 resources/js/components/ui/Combobox/Combobox.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/resources/js/components/ui/Combobox/Combobox.vue b/resources/js/components/ui/Combobox/Combobox.vue
index 27f22f606c3..5c41adc7d38 100644
--- a/resources/js/components/ui/Combobox/Combobox.vue
+++ b/resources/js/components/ui/Combobox/Combobox.vue
@@ -442,7 +442,7 @@ defineExpose({
                             <div class="relative">
                                 <ComboboxViewport
                                     ref="viewport"
-                                    class="max-h-[calc(var(--reka-combobox-content-available-height)-5rem)] overflow-y-scroll"
+                                    class="max-h-[calc(var(--reka-combobox-content-available-height)-2rem)] overflow-y-scroll"
                                     data-ui-combobox-viewport
                                 >
                                     <ComboboxEmpty class="p-2 text-sm" data-ui-combobox-empty>

From aa1a20fa44125a3bce4029b87e449836d77b1b7d Mon Sep 17 00:00:00 2001
From: Duncan McClean <duncan@duncanmcclean.com>
Date: Fri, 9 Jan 2026 11:00:17 +0000
Subject: [PATCH 2/2] Use different `min-height` values depending on the number
 of options

Reka relies on the `min-height` property to determine when it needs to flip the options.

A single option is 2.5 rem high, so we need different min heights to avoid whitespace on selects with 1/2 options.
---
 resources/js/components/ui/Combobox/Combobox.vue | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/resources/js/components/ui/Combobox/Combobox.vue b/resources/js/components/ui/Combobox/Combobox.vue
index 5c41adc7d38..61a4af0ee98 100644
--- a/resources/js/components/ui/Combobox/Combobox.vue
+++ b/resources/js/components/ui/Combobox/Combobox.vue
@@ -443,6 +443,12 @@ defineExpose({
                                 <ComboboxViewport
                                     ref="viewport"
                                     class="max-h-[calc(var(--reka-combobox-content-available-height)-2rem)] overflow-y-scroll"
+                                    :class="{
+										'min-h-[2.25px]': options.length === 0,
+										'min-h-[2.5rem]': options.length === 1,
+										'min-h-[5rem]': options.length === 2,
+										'min-h-[7.5rem]': options.length >= 3,
+                                    }"
                                     data-ui-combobox-viewport
                                 >
                                     <ComboboxEmpty class="p-2 text-sm" data-ui-combobox-empty>