diff --git a/pkgs/clan-app/ui/src/components/Divider/Divider.css b/pkgs/clan-app/ui/src/components/Divider/Divider.module.css
similarity index 100%
rename from pkgs/clan-app/ui/src/components/Divider/Divider.css
rename to pkgs/clan-app/ui/src/components/Divider/Divider.module.css
diff --git a/pkgs/clan-app/ui/src/components/Divider/Divider.tsx b/pkgs/clan-app/ui/src/components/Divider/Divider.tsx
index e59f031a6..94b3f0594 100644
--- a/pkgs/clan-app/ui/src/components/Divider/Divider.tsx
+++ b/pkgs/clan-app/ui/src/components/Divider/Divider.tsx
@@ -1,10 +1,9 @@
-import "./Divider.css";
+import styles from "./Divider.module.css";
 import cx from "classnames";
 import { Separator, SeparatorRootProps } from "@kobalte/core/separator";
 
 export interface DividerProps extends Pick<SeparatorRootProps, "orientation"> {
   inverted?: boolean;
-  class?: string;
 }
 
 export const Divider = (props: DividerProps) => {
@@ -12,7 +11,7 @@ export const Divider = (props: DividerProps) => {
 
   return (
     <Separator
-      class={cx({ inverted: inverted }, props?.class)}
+      class={cx({ [styles.inverted]: inverted })}
       orientation={props.orientation}
     />
   );