diff --git a/pages/docs.tsx b/pages/docs.tsx
index 3c100e3..3ed093e 100644
--- a/pages/docs.tsx
+++ b/pages/docs.tsx
@@ -1,5 +1,5 @@
 import SwaggerUI from "swagger-ui-react";
-import { LocalNavbar } from './ui/navbar';
+import LocalNavbar from './ui/navbar';
 
 /**
  * Default Docs.
diff --git a/pages/index.tsx b/pages/index.tsx
index 77825aa..2f9df10 100644
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,5 +1,5 @@
 import Head from 'next/head';
-import { LocalNavbar } from './ui/navbar';
+import LocalNavbar from './ui/navbar';
 
 export default function Home() {
 
diff --git a/pages/ui/navbar.tsx b/pages/ui/navbar.tsx
index a482fe6..47a0a14 100644
--- a/pages/ui/navbar.tsx
+++ b/pages/ui/navbar.tsx
@@ -1,6 +1,6 @@
 import { Nav, Navbar, NavDropdown } from "react-bootstrap";
 
-export function LocalNavbar() {
+export default function LocalNavbar() {
   return (
     <Navbar collapseOnSelect sticky="top" expand="lg" bg="dark" variant="dark">
       <Navbar.Brand href="/">nopeBackend</Navbar.Brand>