chchchchch changez

src/components/ui/Navigation.astro

@@ -23,7 +23,7 @@ const headerLinks = [
   {
     label: "Blog",
     href: "/blog",
-    icon: "fa-solid fa-blog",
+    icon: "fa-solid fa-star",
   },
   {
     label: "Contact",
@@ -36,12 +36,11 @@ const headerLinks = [
 <nav class="flex flex-row gap-4">
   {
     headerLinks.map((link) => (
-      <span>
+      <span class="block bg-light-pu dark:bg-dark-pu text-black py-2 px-3 rounded-2xl">
         <i class={`${link.icon} mr-0.5 text-sm`} />
         <a
           href={link.href}
-          class="underline decoration-wavy underline-offset-4 decoration-1.5
-        decoration-light-pu dark:decoration-dark-pu"
+          class=""
         >
           {link.label}
         </a>