diff --git a/apps/remix-template/app/root.tsx b/apps/remix-template/app/root.tsx
index 9668686..aaf7c8c 100644
--- a/apps/remix-template/app/root.tsx
+++ b/apps/remix-template/app/root.tsx
@@ -7,7 +7,7 @@ import {
 } from "@remix-run/react";
 import { Analytics } from "@vercel/analytics/react";
 import "./styles.css";
-import "@repo/ui/src/styles/globals.css";
+import "@repo/ui/globals.css";
 
 export function Layout({ children }: { children: React.ReactNode }) {
 	return (
diff --git a/apps/remix-template/app/routes/_index.tsx b/apps/remix-template/app/routes/_index.tsx
index 5b711e5..1a4a993 100644
--- a/apps/remix-template/app/routes/_index.tsx
+++ b/apps/remix-template/app/routes/_index.tsx
@@ -1,19 +1,19 @@
-import { CounterButton } from "@repo/ui/counter-button";
-import { Link } from "@repo/ui/link";
+import { CounterButton } from "@repo/ui/counter-button/index.mjs";
+import { Link } from "@repo/ui/link/index.mjs";
 
 export default function Index() {
-  return (
-    <div className="container">
-      <h1 className="title">
-        Blog <br />
-        <span>Kitchen Sink</span>
-      </h1>
-      <CounterButton />
-      <p className="description">
-        Built With <Link href="https://turborepo.com">Turborepo</Link>
-        {" & "}
-        <Link href="https://remix.run/">Remix</Link>
-      </p>
-    </div>
-  );
+	return (
+		<div className="container">
+			<h1 className="title">
+				Blog <br />
+				<span>Kitchen Sink</span>
+			</h1>
+			<CounterButton />
+			<p className="description">
+				Built With <Link href="https://turborepo.com">Turborepo</Link>
+				{" & "}
+				<Link href="https://remix.run/">Remix</Link>
+			</p>
+		</div>
+	);
 }
diff --git a/apps/remix-template/app/routes/shadcn.tsx b/apps/remix-template/app/routes/shadcn.tsx
index 92d4b44..20a19a1 100644
--- a/apps/remix-template/app/routes/shadcn.tsx
+++ b/apps/remix-template/app/routes/shadcn.tsx
@@ -1,11 +1,11 @@
-import { Button } from "@repo/ui/components/button";
+import { Button } from "@repo/ui/components/button.mjs";
 import {
 	Card,
 	CardContent,
 	CardHeader,
 	CardTitle,
-} from "@repo/ui/components/card";
-import { Link } from "@repo/ui/link";
+} from "@repo/ui/components/card.mjs";
+import { Link } from "@repo/ui/link/index.mjs";
 
 export default function Index() {
 	return (