diff --git a/src/features/selectable/index.module.css b/src/features/selectable/index.module.css
index 7520d87..b364ed3 100644
--- a/src/features/selectable/index.module.css
+++ b/src/features/selectable/index.module.css
@@ -2,4 +2,9 @@
     &[data-selected="true"] {
         background-color: color(from var(--info) xyz x y z / .2);
     }
+}
+
+.root {
+    display: contents !important;
+    all: inherit;
 }
\ No newline at end of file
diff --git a/src/features/selectable/index.tsx b/src/features/selectable/index.tsx
index 6c3a81c..4c41be0 100644
--- a/src/features/selectable/index.tsx
+++ b/src/features/selectable/index.tsx
@@ -177,7 +177,7 @@ const Root: ParentComponent = (props) => {
         });
     };
 
-    return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} style={{ 'display': 'contents' }}>{c()}</div>;
+    return <div ref={setRoot} tabIndex={0} onKeyDown={onKeyboardEvent} onKeyUp={onKeyboardEvent} class={css.root}>{c()}</div>;
 };
 
 export const selectable = (element: HTMLElement, options: Accessor<{ value: object, key?: string }>) => {