diff --git a/changelog.md b/changelog.md
index 6e56cab..e3208f8 100644
--- a/changelog.md
+++ b/changelog.md
@@ -1,5 +1,12 @@
# Changelog
+## 2025-12-18 - 1.6.1 - fix(sio-combox)
+tweak dropdown shadow and bind close event on conversation selector
+
+- Replaced unsafeCSS(shadows.xl) with explicit box-shadow values for the combox dropdown to adjust visual appearance
+- Added @close listener on to call this.close(), enabling the selector to close the combox when it emits a close event
+- Affected file: ts_web/elements/sio-combox.ts
+
## 2025-12-18 - 1.6.0 - feat(conversation-selector)
add conversation status badges to conversation selector and include status in sample data
diff --git a/ts_web/00_commitinfo_data.ts b/ts_web/00_commitinfo_data.ts
index f7bc64d..3a3e2e8 100644
--- a/ts_web/00_commitinfo_data.ts
+++ b/ts_web/00_commitinfo_data.ts
@@ -3,6 +3,6 @@
*/
export const commitinfo = {
name: '@social.io/catalog',
- version: '1.6.0',
+ version: '1.6.1',
description: 'catalog for social.io'
}
diff --git a/ts_web/elements/sio-combox.ts b/ts_web/elements/sio-combox.ts
index dabf85d..fd06108 100644
--- a/ts_web/elements/sio-combox.ts
+++ b/ts_web/elements/sio-combox.ts
@@ -259,7 +259,7 @@ export class SioCombox extends DeesElement {
background: ${bdTheme('background')};
border-radius: ${unsafeCSS(radius['2xl'])};
border: 1px solid ${bdTheme('border')};
- box-shadow: ${unsafeCSS(shadows.xl)};
+ box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.35), 0 12px 24px -8px rgb(0 0 0 / 0.15);
overflow: hidden;
font-family: ${unsafeCSS(fontFamilies.sans)};
transform-origin: bottom right;
@@ -401,6 +401,7 @@ export class SioCombox extends DeesElement {
.conversations=${this.conversations}
.selectedConversationId=${this.selectedConversationId}
@conversation-selected=${this.handleConversationSelected}
+ @close=${() => this.close()}
>