diff --git a/.changes/cjs.md b/.changes/cjs.md
new file mode 100644
index 00000000..f05ce3f1
--- /dev/null
+++ b/.changes/cjs.md
@@ -0,0 +1,5 @@
+---
+"meilisearch-docsearch": "minor"
+---
+
+Add support for `commonjs` target
diff --git a/src/index.tsx b/src/index.tsx
index 28951b85..3b8a44e6 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -1,11 +1,11 @@
 import { render } from "solid-js/web";
 import { DocSearch, type DocSearchProps } from "./DocSearch";
 
-interface DocSearchOptions extends DocSearchProps {
+export interface DocSearchOptions extends DocSearchProps {
   container: HTMLElement | string;
 }
 
-export default function docsearch(props: DocSearchOptions) {
+export function docsearch(props: DocSearchOptions) {
   render(
     () => <DocSearch {...props} />,
     typeof props.container === "string"
@@ -16,4 +16,4 @@ export default function docsearch(props: DocSearchOptions) {
   );
 }
 
-export { docsearch, type DocSearchOptions };
+export default docsearch;
diff --git a/src/styles/index.css b/src/styles/index.css
index 176db8f8..a114a9b1 100644
--- a/src/styles/index.css
+++ b/src/styles/index.css
@@ -1,7 +1,3 @@
 @import "./variables.css";
 @import "./button.css";
 @import "./modal.css";
-
-.docsearch--active {
-  overflow: hidden !important;
-}
diff --git a/src/styles/modal.css b/src/styles/modal.css
index 8b48fc68..1b4786b3 100644
--- a/src/styles/modal.css
+++ b/src/styles/modal.css
@@ -1,3 +1,7 @@
+.docsearch--active {
+  overflow: hidden !important;
+}
+
 .docsearch-modal-container,
 .docsearch-modal-container * {
   box-sizing: border-box;
diff --git a/tsup.config.ts b/tsup.config.ts
index 92eeb727..df601d3b 100644
--- a/tsup.config.ts
+++ b/tsup.config.ts
@@ -10,7 +10,7 @@ export default defineConfig(
     [
       {
         entry: ["src/index.tsx"],
-        format: "esm",
+        format: ["esm", "cjs"],
         dts: true,
         clean: !config.watch,
         minify: !config.watch,