diff --git a/README.md b/README.md
index 71f888b..d758ca5 100644
--- a/README.md
+++ b/README.md
@@ -16,6 +16,7 @@ Here is a list of documentation to help you get started:
 ## Quirks to keep in mind
 
 - When you want to link to a new internal page use the `<Link>` component from `@/lib/navigation` instead of the normal anchortag `<a>`. This will ensure that the page is loaded with the correct locale. If you want to link to external resources or other media, use the built-in `<Link>` component from Next.js. Remember to add `prefetch={false}` to the `<Link>` component if the page is not visited often.
+- Remember to surround Links with the `Button` ui component. This will provide some basic styling and accessibility features for keyboard navigation even if it is not supposed to look like a button.
 
 ## Development setup
 
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index f74850b..e5d28f3 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -113,7 +113,7 @@ function Footer() {
           <div>
             <h4>{t('links')}</h4>
             <nav>
-              <ul className='mt-2 space-y-1.5'>
+              <ul className='ml-2 mt-2 space-y-1.5'>
                 <li>
                   <Button asChild variant='nav' size='none'>
                     <Link href='/news'>{t('news')}</Link>
@@ -134,7 +134,7 @@ function Footer() {
           </div>
           <div>
             <h4>{t('utilities')}</h4>
-            <p className='[&:not(:first-child)]:mt-0'>
+            <p className='ml-2 [&:not(:first-child)]:mt-0'>
               <Button asChild variant='link' size='none'>
                 <Link href='/'>{t('signIn')}</Link>
               </Button>