diff --git a/src/components/Nav.astro b/src/components/Nav.astro
index b4fde04..99cdd78 100644
--- a/src/components/Nav.astro
+++ b/src/components/Nav.astro
@@ -1,11 +1,19 @@
 ---
 import Emoji from 'astro-emoji'
-import Navbar from './ui/Nav'
 
 const { PageName } = Astro.props
 ---
 
-<Navbar emoji={Emoji} />
+<nav class="flex flex-col mt-12 mb-10 text-[#F2F5F7]">
+  <div class="flex font-['Merriweather'] text-4xl font-black mb-3">
+    <a href="/">Derek Brown <Emoji symbol="👨🏻‍💻" label="person" /></a>
+  </div>
+  <div class="font-['Merriweather'] text-xl flex items-center gap-4">
+    <span class="navItem" id="notes"><a href="/">Notes</a></span>
+    <span class="navItem" id="tags"><a href="/tags">Tags</a></span>
+    <span class="navItem" id="about"><a href="/about">About</a></span>
+  </div>
+</nav>
 
 <script define:vars={{ PageName }} is:inline>
 
diff --git a/src/components/ui/Nav.jsx b/src/components/ui/Nav.jsx
deleted file mode 100644
index eee643a..0000000
--- a/src/components/ui/Nav.jsx
+++ /dev/null
@@ -1,14 +0,0 @@
-export default function Nav({ emoji }) {
-  return (
-    <nav class="flex flex-col mt-12 mb-10 text-[#F2F5F7]">
-      <div class="flex font-['Merriweather'] text-4xl font-black mb-3">
-        <a href="/">Derek Brown <emoji symbol="👨🏻‍💻" label="person" /></a>
-      </div>
-      <div class="font-['Merriweather'] text-xl flex items-center gap-4">
-        <span class="navItem" id="notes"><a href="/">Notes</a></span>
-        <span class="navItem" id="tags"><a href="/tags">Tags</a></span>
-        <span class="navItem" id="about"><a href="/about">About</a></span>
-      </div>
-    </nav>
-  )
-}
\ No newline at end of file