diff --git a/frontend/src/components/layout/footer/Footer.jsx b/frontend/src/components/layout/footer/Footer.jsx
index ec1a868e..3b4b5fc2 100644
--- a/frontend/src/components/layout/footer/Footer.jsx
+++ b/frontend/src/components/layout/footer/Footer.jsx
@@ -7,7 +7,7 @@ import { ReactComponent as GithubIcon } from '../../../assets/icons/github.svg';
 import { ReactComponent as DashboardIcon } from '../../../assets/icons/dashboard-icon.svg';
 import { ReactComponent as FormIcon } from '../../../assets/icons/form-icon.svg';
 
-import '../../layout/footer/footer.css';
+import './footer.css';
 
 function Footer() {
   const socialLinks = [
diff --git a/frontend/src/components/layout/header/Header.jsx b/frontend/src/components/layout/header/Header.jsx
index 62f13f33..f7b0ee63 100644
--- a/frontend/src/components/layout/header/Header.jsx
+++ b/frontend/src/components/layout/header/Header.jsx
@@ -6,7 +6,7 @@ import WalletSection from '../wallet-section/WalletSection';
 import NavigationLinks from '../navigation-links/NavigationLinks';
 import useLockBodyScroll from '../../../hooks/useLockBodyScroll';
 import MobDropdownMenu from '../mob-dropdown-menu/MobDropdownMenu';
-import '../../layout/header/header.css';
+import './header.css';
 import '../../../globals.css';