diff --git a/src/App.css b/src/App.css
index 68633dd..742fa4e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -31,6 +31,7 @@ main {
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;
+  align-items: center;
   align-content: center;
 }
 
@@ -46,6 +47,7 @@ footer a {
   font-size: 0.8rem;
   display: flex;
   justify-content: center;
+  align-items: center;
   align-content: center;
   gap: 3px;
 }
diff --git a/src/App.tsx b/src/App.tsx
index ed60af1..445c926 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -15,7 +15,7 @@ function App() {
       <footer>
         <a href="https://github.com/michaeldoylecs" target="_blank">
           <img src="github-mark.svg" width="20px" height="20px"></img>
-          Michael Doyle
+          <span>Michael Doyle</span>
         </a>
       </footer>
     </div>