diff --git a/apps/web/src/pages/_app.tsx b/apps/web/src/pages/_app.tsx
index d8a62b02..414b853e 100644
--- a/apps/web/src/pages/_app.tsx
+++ b/apps/web/src/pages/_app.tsx
@@ -1,5 +1,5 @@
 import { ThemeProvider } from 'next-themes';
-import { type AppProps } from 'next/app.js';
+import { type AppProps } from 'next/app';
 
 import '@/styles/globals.css';
 
diff --git a/apps/web/src/pages/_document.tsx b/apps/web/src/pages/_document.tsx
index 75aa29de..9a3c4c37 100644
--- a/apps/web/src/pages/_document.tsx
+++ b/apps/web/src/pages/_document.tsx
@@ -1,4 +1,4 @@
-import { Head, Html, Main, NextScript } from 'next/document.js';
+import { Head, Html, Main, NextScript } from 'next/document';
 
 export default function Document() {
   return (
diff --git a/apps/web/src/tests/home.spec.tsx b/apps/web/src/tests/home.spec.tsx
index 5e9b05d9..97b803b1 100644
--- a/apps/web/src/tests/home.spec.tsx
+++ b/apps/web/src/tests/home.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 
-import Home from '@/pages/index.jsx';
+import Home from '@/pages/index';
 
 describe('Home page', () => {
   it('should render the home page', () => {
diff --git a/packages/ui/src/index.ts b/packages/ui/src/index.ts
index e11fb264..f5f2f27f 100644
--- a/packages/ui/src/index.ts
+++ b/packages/ui/src/index.ts
@@ -1 +1 @@
-export { Typography } from './typography/typography.js';
+export { Typography } from './typography/typography';
diff --git a/packages/ui/src/typography/typography.spec.tsx b/packages/ui/src/typography/typography.spec.tsx
index b5cbfcd6..059ceefc 100644
--- a/packages/ui/src/typography/typography.spec.tsx
+++ b/packages/ui/src/typography/typography.spec.tsx
@@ -1,6 +1,6 @@
 import { render, screen } from '@testing-library/react';
 
-import { Typography } from './typography.js';
+import { Typography } from './typography';
 
 describe('typography component', () => {
   it('should render the component', () => {
diff --git a/packages/ui/src/typography/typography.stories.tsx b/packages/ui/src/typography/typography.stories.tsx
index fc5b74e8..e04f84bb 100644
--- a/packages/ui/src/typography/typography.stories.tsx
+++ b/packages/ui/src/typography/typography.stories.tsx
@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/react';
 
-import { Typography } from './typography.js';
+import { Typography } from './typography';
 
 export default {
   title: 'UI / Typography',