diff --git a/src/Explorer.css b/src/Explorer.module.css
similarity index 100%
rename from src/Explorer.css
rename to src/Explorer.module.css
diff --git a/src/Explorer.module.css.d.ts b/src/Explorer.module.css.d.ts
new file mode 100644
index 0000000..88c9463
--- /dev/null
+++ b/src/Explorer.module.css.d.ts
@@ -0,0 +1 @@
+export const Explorer: string;
diff --git a/src/Explorer.tsx b/src/Explorer.tsx
index 5518dbf..996e557 100644
--- a/src/Explorer.tsx
+++ b/src/Explorer.tsx
@@ -1,5 +1,5 @@
 import React, { useMemo, useState } from "react";
-import "./Explorer.css";
+import styles from "./Explorer.module.css";
 import { Highlight } from "./highlight";
 import OrgAst, { OrgNodeReference } from "./OrgAst";
 import { parse_org } from "../../organic/target/wasm32-unknown-unknown/js/wasm";
@@ -63,7 +63,7 @@ function Explorer({ defaultValue = default_org_source }: ExplorerProps) {
 
 
   return (
-    <div className="Explorer">
+    <div className={styles.Explorer}>
       <Editor
         value={value}
         setValue={setValue}