diff --git a/packages/tldraw/apps/tldraw-logseq/src/components/inputs/SelectInput.tsx b/packages/tldraw/apps/tldraw-logseq/src/components/inputs/SelectInput.tsx
index c7cd4f9cbc..470c5cb741 100644
--- a/packages/tldraw/apps/tldraw-logseq/src/components/inputs/SelectInput.tsx
+++ b/packages/tldraw/apps/tldraw-logseq/src/components/inputs/SelectInput.tsx
@@ -39,8 +39,8 @@ export function SelectInput({
         onValueChange={onValueChange}
       >
         <Tooltip content={tooltip} side={popoverSide}>
-          <LSUI.SelectTrigger 
-            className={`h-8 font-medium bg-transparent ${compact ? "px-0 justify-center" : "px-2"}`}>
+          <LSUI.SelectTrigger
+            className={`tl-select-trigger ${compact ? "compact" : ""}`}>
             <LSUI.SelectValue />
             {!compact && (
               <LSUI.SelectIcon asChild>
diff --git a/packages/tldraw/apps/tldraw-logseq/src/styles.css b/packages/tldraw/apps/tldraw-logseq/src/styles.css
index 404a5a6840..771df37d7a 100644
--- a/packages/tldraw/apps/tldraw-logseq/src/styles.css
+++ b/packages/tldraw/apps/tldraw-logseq/src/styles.css
@@ -290,6 +290,16 @@ html[data-theme='light'] {
   }
 }
 
+.tl-select-trigger {
+  @apply h-8 font-medium bg-transparent px-2;
+
+  border: 1px solid var(--ls-secondary-border-color);
+
+  &.compact {
+    @apply px-0 justify-center text-xs;
+  }
+}
+
 .tl-primary-tools {
   @apply absolute h-full top-0 flex items-center justify-center;