diff --git a/app/main.css b/app/main.css
index 0e77951d..29b37ad4 100644
--- a/app/main.css
+++ b/app/main.css
@@ -134,7 +134,7 @@ details[open] > summary > svg {
   transform: rotate(90deg);
 }
 
-footer li:hover {
+footer li a:hover {
   text-decoration: underline;
 }
 
diff --git a/app/ui/footer.js b/app/ui/footer.js
index 10296a72..bd332896 100644
--- a/app/ui/footer.js
+++ b/app/ui/footer.js
@@ -69,7 +69,11 @@ class Footer extends Component {
       <footer
         class="flex flex-col md:flex-row items-start w-full flex-none self-start p-6 md:p-8 font-medium text-xs text-grey-60 dark:text-grey-40 md:items-center justify-between"
       >
-        <div>${translate('footerText')}</div>
+        <ul
+          class="flex flex-col md:flex-row items-start md:items-center md:justify-start"
+        >
+          <li class="m-2">${translate('footerText')}</li>
+        </ul>
         <ul
           class="flex flex-col md:flex-row items-start md:items-center md:justify-end"
         >