diff --git a/assets/css/app.css b/assets/css/app.css
index 3519f8a..51bde21 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -87,4 +87,9 @@
   .alert.alert-danger {
     @apply bg-red-100 text-red-500 dark:bg-red-950 dark:text-red-500;
   }
+
+  .footnotes li p { display: inline; }
+  .footnotes hr { display: none; }
+  .footnote:before { content: '{'; }
+  .footnote:after { content: '}'; }
 }
\ No newline at end of file
diff --git a/lib/chiya_web/components/layouts/root_public.html.heex b/lib/chiya_web/components/layouts/root_public.html.heex
index 84041f4..8825996 100644
--- a/lib/chiya_web/components/layouts/root_public.html.heex
+++ b/lib/chiya_web/components/layouts/root_public.html.heex
@@ -47,15 +47,17 @@
         <.dot />
         <span>Made by Inhji</span>
         <.dot />
-        <span>Struggling to make a decent website since 2011</span>
-        <.dot />
-      <span><a href={~p"/admin"}>Admin</a></span>
+        <span>Struggling to make a decent website since 2011</span>  
       </p>
            
       <p>
         <%= for identity <- @identities do %>
-      <span><a href={identity.url}><%= identity.name %></a></span>
+        <span><a href={identity.url}><%= identity.name %></a></span>
+        <.dot />
       <% end %>
+      <span><a href={~p"/about"}>About</a></span>
+      <.dot />
+      <span><a href={~p"/admin"}>Admin</a></span>
       </p>
     </footer>
   </body>
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>