From 0841636b6dfb7ecd2e89c086b873b43a7d53e6cb Mon Sep 17 00:00:00 2001
From: Drew Davis <drew.davis@clickhouse.com>
Date: Thu, 4 Jun 2026 13:32:12 -0400
Subject: [PATCH] fix: Fix height of source select RHS menu

---
 .changeset/smooth-turkeys-dream.md                     | 5 +++++
 packages/app/src/components/SourceSelect.tsx           | 5 ++++-
 packages/app/styles/SourceSelectControlled.module.scss | 9 ++++-----
 3 files changed, 13 insertions(+), 6 deletions(-)
 create mode 100644 .changeset/smooth-turkeys-dream.md

diff --git a/.changeset/smooth-turkeys-dream.md b/.changeset/smooth-turkeys-dream.md
new file mode 100644
index 0000000000..ddfa44ee5a
--- /dev/null
+++ b/.changeset/smooth-turkeys-dream.md
@@ -0,0 +1,5 @@
+---
+"@hyperdx/app": patch
+---
+
+fix: Fix height of source select RHS menu
diff --git a/packages/app/src/components/SourceSelect.tsx b/packages/app/src/components/SourceSelect.tsx
index d00e23e656..8b4f1b9410 100644
--- a/packages/app/src/components/SourceSelect.tsx
+++ b/packages/app/src/components/SourceSelect.tsx
@@ -46,6 +46,7 @@ interface SourceManagementMenuProps {
    */
   onManageSources?: () => void;
   onCreate?: () => void;
+  size?: string;
 }
 
 /**
@@ -63,6 +64,7 @@ interface SourceManagementMenuProps {
  */
 export const SourceManagementMenu = ({
   hasSelection,
+  size = 'sm',
   onSchemaPreview,
   isSchemaPreviewEnabled = true,
   onEdit,
@@ -133,7 +135,7 @@ export const SourceManagementMenu = ({
           <ActionIcon
             variant="subtle"
             color="gray"
-            size="input-xs"
+            size={`input-${size}`}
             className={styles.sourceMenuButton}
             data-testid="source-actions-menu"
             aria-label="Source actions"
@@ -236,6 +238,7 @@ function SourceSelectControlledComponent({
       {hasMenu && (
         <SourceManagementMenu
           hasSelection={hasSelection}
+          size={size}
           onSchemaPreview={onSchemaPreview}
           isSchemaPreviewEnabled={isSchemaPreviewEnabled}
           onEdit={onEdit}
diff --git a/packages/app/styles/SourceSelectControlled.module.scss b/packages/app/styles/SourceSelectControlled.module.scss
index 6f648df5be..3a2deaefd8 100644
--- a/packages/app/styles/SourceSelectControlled.module.scss
+++ b/packages/app/styles/SourceSelectControlled.module.scss
@@ -46,14 +46,13 @@
       border-bottom-left-radius: var(--mantine-radius-default);
     }
 
-    /* Square only the left edge of the kebab. Fixed 30px height matches the
-     * input chip; -1px margin overlaps the input's right edge so the shared
-     * border is one pixel wide, not two. */
+    /* Square only the left edge of the kebab. The ActionIcon's `input-*`
+     * size (driven by the adjacent Select's `size`) makes it square and
+     * matches the input chip's height; -1px margin overlaps the input's
+     * right edge so the shared border is one pixel wide, not two. */
     .sourceMenuButton {
       --ai-radius: 0;
 
-      width: 30px;
-      height: 30px;
       margin-left: -1px;
       background-color: var(--color-bg-field-addon);
       border: 1px solid var(--input-bd, var(--color-border));