🐛 Buttons Not Buttoning

Author: Funasitien

src/components/Dock.astro

@@ -3,19 +3,19 @@ import { Icon } from "astro-icon/components";
 ---
 <div class="w-full fixed left-0 bottom-0 p-2 md:hidden">
    <div class="w-full bg-base-100 border-2 border-neutral-content rounded-xl p-4 items-center justify-items-center grid grid-cols-5">
-      <a href="/">
+      <a href="/ class="p-1"">
          <Icon name="gravity-ui:house" class="inline text-3xl" />
       </a>
-      <a href="/projets">
-         <Icon name="gravity-ui:folder-open" class="inline text-3xl" />
+      <a href="/projets" class="p-1">
+         <Icon name="gravity-ui:folder-open" class="inline text-3xl p-1" />
       </a>
-      <a href="/blog">
+      <a href="/blog" class="p-1">
          <Icon name="gravity-ui:pencil" class="inline text-3xl" />
       </a>
-      <a href="/archives">
+      <a href="/archives" class="p-1">
          <Icon name="gravity-ui:clock-arrow-rotate-left" class="inline text-3xl" />
       </a>
-      <a href="/contact">
+      <a href="/contact" class="p-1">
          <Icon name="gravity-ui:envelope" class="inline text-3xl" />
       </a>
    </div>