diff --git a/static/css/main.css b/static/css/main.css
index 7d98220..e23f9eb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -544,11 +544,11 @@ footer {
     display: flex;
     flex-direction: row;
 
-    &>section:first-child {
+    & #version-info {
         flex-grow: 1;
     }
 
-    &>section:last-child {
+    & #footer-icon {
         flex-shrink: 0;
     }
 
@@ -557,6 +557,7 @@ footer {
         flex-direction: row;
         align-items: center;
         justify-content: end;
+
         opacity: 50%;
         padding-left: 1.75rem;
         transition: var(--transition-duration) opacity;
@@ -575,6 +576,7 @@ footer {
             display: flex;
             flex-direction: row;
             list-style: none;
+            margin: 0;
             padding-left: 0;
             opacity: 0%;
             transition: var(--transition-duration) opacity;
@@ -599,9 +601,19 @@ footer {
     }
 
     & #footer-icon {
-        color: var(--text-color);
+        display: flex;
         padding-right: 1.75rem;
-        opacity: 40%;
+
+        &>a {
+            display: flex;
+            flex-direction: row;
+        }
+
+        &>a>svg {
+            display: flex;
+            color: var(--text-color);
+            opacity: 40%;
+        }
     }
 }
 
diff --git a/template/components/_footer.hbs b/template/components/_footer.hbs
index 6039fbb..d8a16de 100644
--- a/template/components/_footer.hbs
+++ b/template/components/_footer.hbs
@@ -13,9 +13,9 @@
         {{/if}}
     </section>
     
-    <section>
+    <section id="footer-icon">
         <a href="{{ config.site }}/treehouse">
-            <svg id="footer-icon" width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
+            <svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
                 <g id="all">
                     <mask id="mask">
                         <rect width="32" height="32" fill="black" />