diff --git a/lib/cannery_web/live/home_live.html.heex b/lib/cannery_web/live/home_live.html.heex
index e5c20f5..61d5f1f 100644
--- a/lib/cannery_web/live/home_live.html.heex
+++ b/lib/cannery_web/live/home_live.html.heex
@@ -1,16 +1,16 @@
-<div class="mx-auto px-8 sm:px-16 flex flex-col justify-center items-center text-center space-y-4 max-w-3xl">
+<div class="flex flex-col justify-center items-center px-8 mx-auto space-y-4 max-w-3xl text-center sm:px-16">
   <img
     src={~p"/images/cannery.svg"}
     alt={gettext("Cannery logo")}
-    class="inline-block w-32 hover:-mt-2 hover:mb-2 transition-all duration-500 ease-in-out"
+    class="inline-block pt-2 pb-0 mb-8 w-32 transition-all duration-500 ease-in-out hover:pt-0 hover:pb-2"
     title={gettext("isn't he cute >:3")}
   />
 
-  <h1 class="title text-primary-600 text-2xl">
+  <h1 class="text-2xl title text-primary-600">
     {gettext("Welcome to Cannery")}
   </h1>
 
-  <h2 class="title text-primary-600 text-lg">
+  <h2 class="text-lg title text-primary-600">
     {gettext("The self-hosted firearm tracker website")}
   </h2>
 
@@ -48,8 +48,8 @@
 
   <hr class="hr" />
 
-  <ul class="flex flex-col space-y-2 text-center justify-center">
-    <h2 class="title text-primary-600 text-lg">
+  <ul class="flex flex-col justify-center space-y-2 text-center">
+    <h2 class="text-lg title text-primary-600">
       {gettext("Instance Information")}
     </h2>
 
@@ -104,8 +104,8 @@
 
   <hr class="hr" />
 
-  <ul class="flex flex-col space-y-2 text-center justify-center">
-    <h2 class="title text-primary-600 text-lg">
+  <ul class="flex flex-col justify-center space-y-2 text-center">
+    <h2 class="text-lg title text-primary-600">
       {gettext("Get involved!")}
     </h2>