diff --git a/pkgs/clan-app/ui/src/components/Toolbar/ToolbarButton.tsx b/pkgs/clan-app/ui/src/components/Toolbar/ToolbarButton.tsx
index 8e37797fc..48e0614fd 100644
--- a/pkgs/clan-app/ui/src/components/Toolbar/ToolbarButton.tsx
+++ b/pkgs/clan-app/ui/src/components/Toolbar/ToolbarButton.tsx
@@ -13,7 +13,9 @@ export interface ToolbarButtonProps
 export const ToolbarButton = (props: ToolbarButtonProps) => {
   return (
     <Button
-      class={cx(styles.toolbar_button, { selected: props.selected })}
+      class={cx(styles.toolbar_button, {
+        [styles["selected"]]: props.selected,
+      })}
       {...props}
     >
       <Icon icon={props.icon} inverted={!props.selected} />