diff --git a/web/app/routes/ecos/show.tsx b/web/app/routes/ecos/show.tsx
index 97a99d400a..7861d23b82 100644
--- a/web/app/routes/ecos/show.tsx
+++ b/web/app/routes/ecos/show.tsx
@@ -7,7 +7,7 @@
 import { Table } from "~/components/Table";
 import { useState } from "react";
 import { requireAuth } from "~/cookies.server";
-import { buttonStyle } from "@oxide/design-system/components/dist";
+import { buttonStyle } from "@oxide/design-system";
 
 export async function loader({ params, request }: Route.LoaderArgs) {
   const api = await requireAuth(request);
diff --git a/web/app/routes/index.tsx b/web/app/routes/index.tsx
index a77ba7c2cd..63ad121f99 100644
--- a/web/app/routes/index.tsx
+++ b/web/app/routes/index.tsx
@@ -10,7 +10,7 @@
 import { Input } from "~/components/Input";
 import { PageTitle } from "~/components/PageTitle";
 import { requireAuth } from "~/cookies.server";
-import { buttonStyle } from "@oxide/design-system/components/dist";
+import { buttonStyle } from "@oxide/design-system";
 
 const schema = z.object({
   query: z.string({ required_error: "Query is required" }),
diff --git a/web/app/styles/index.css b/web/app/styles/index.css
index 34590c16e7..bc9b1e1d1d 100644
--- a/web/app/styles/index.css
+++ b/web/app/styles/index.css
@@ -9,8 +9,8 @@
 @import "tailwindcss/components";
 @import "tailwindcss/utilities";
 
-@import "@oxide/design-system/styles/dist/main.css";
-@import "@oxide/design-system/components/dist/button.css";
+@import "@oxide/design-system/styles/main.css";
+@import "@oxide/design-system/components/button.css";
 @import "table.css";
 @import "fonts.css";