diff --git a/src/components/Navbar/Navbar.tsx b/src/components/Navbar/Navbar.tsx
index fab1e25..76548a9 100644
--- a/src/components/Navbar/Navbar.tsx
+++ b/src/components/Navbar/Navbar.tsx
@@ -1,28 +1,29 @@
 import './Navbar.sass'
 import Button from '../Button/Button'
-import { createSignal } from 'solid-js'
-import { FiMenu, FiHome, FiGithub, FiCoffee } from 'solid-icons/fi'
+import { FiMenu, FiHome } from 'solid-icons/fi'
 import { RiSystemInformationLine } from 'solid-icons/ri'
 import Searchbox from '../Searchbox/Searchbox.tsx'
 import { SiBuymeacoffee } from 'solid-icons/si'
 import { FaSolidCode } from 'solid-icons/fa'
 
 export default () => {
+  const link = "https://git.patalcala.com/patalcala9/aio-tools"
+
   return (
     <nav class="navbar">
-      <div class="icon">
+      <div class="navbar__icon">
         <FiMenu color="#ffffff" size={24} cursor="pointer" />
       </div>
-      <a href="/" class="icon" aria-label="Home page">
+      <a href="/" class="navbar__icon" aria-label="Home page">
         <FiHome color="#ffffff" size={24} cursor="pointer" />
       </a>
       <section class="searchbox-container">
         <Searchbox />
       </section>
-      <a target="_blank" href="https://git.patalcala.com/patalcala9/aio-tools" class="icon" aria-label="GitHub repository">
+      <a target="_blank" href={link} class="navbar__icon" aria-label="GitHub repository">
         <FaSolidCode color="#ffffff" size={24} cursor="pointer" />
       </a>
-      <a href="/about" class="icon" aria-label="About page">
+      <a href="/about" class="navbar__icon" aria-label="About page">
         <RiSystemInformationLine color="#ffffff" size={32} cursor="pointer" />
       </a>