diff --git a/lib/chiya_web/controllers/page_html/home.html.heex b/lib/chiya_web/controllers/page_html/home.html.heex
index dcebb6b..64369db 100644
--- a/lib/chiya_web/controllers/page_html/home.html.heex
+++ b/lib/chiya_web/controllers/page_html/home.html.heex
@@ -10,13 +10,13 @@
 <section class="mx-auto max-w-xl mt-8 text-sm">
   <ul class="flex flex-wrap gap-3">
     <li>
-      <a href="#" class="text-theme-base px-3 py-2.5  hover:bg-theme-background1 rounded transition font-semibold">
+      <a href="#" class="inline-block text-theme-base px-3 py-2.5  hover:bg-theme-background1 rounded transition font-semibold">
         <.icon name="hero-megaphone" />
       </a>
     </li>
   <%= for channel <- @channels do %>
     <li>
-      <a href={~p"/c/#{channel.slug}"} class="text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold">
+      <a href={~p"/c/#{channel.slug}"} class="inline-block text-theme-base px-3 py-2.5 border border-theme-background1 hover:bg-theme-background1 rounded transition font-semibold">
         <%= channel.name %>
       </a>
     </li>