diff --git a/static/css/styles.css b/static/css/styles.css
index 5c75c164..e45d1473 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -559,6 +559,9 @@ Ensure the default browser behavior of the `hidden` attribute.
 .mr-2 {
   margin-right: 0.5rem;
 }
+.mr-11 {
+  margin-right: 2.75rem;
+}
 .block {
   display: block;
 }
@@ -592,6 +595,18 @@ Ensure the default browser behavior of the `hidden` attribute.
 .h-8 {
   height: 2rem;
 }
+.h-24 {
+  height: 6rem;
+}
+.h-20 {
+  height: 5rem;
+}
+.h-\[53px\] {
+  height: 53px;
+}
+.h-\[50px\] {
+  height: 50px;
+}
 .w-6 {
   width: 1.5rem;
 }
@@ -768,6 +783,10 @@ Ensure the default browser behavior of the `hidden` attribute.
   padding-top: 2.75rem;
   padding-bottom: 2.75rem;
 }
+.py-16 {
+  padding-top: 4rem;
+  padding-bottom: 4rem;
+}
 .pb-16 {
   padding-bottom: 4rem;
 }
diff --git a/templates/base.html b/templates/base.html
index 63241f82..6993751c 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -59,7 +59,7 @@
               <nav class="relative flex items-center justify-between sm:h-10 md:justify-center">
                 <div class="hidden sm:block sm:absolute sm:inset-y-0 sm:h-full sm:w-full md:space-x-10" aria-hidden="true">
                   <div class="relative h-full mx-auto pl-8 inline">
-                    <img class="inline w-auto h-8" src="{% static 'img/Boost_Brandmark_WhiteBoost_Transparent.svg' %}" alt="Boost">
+                    <img class="inline w-auto h-[50px]" src="{% static 'img/Boost_Brandmark_WhiteBoost_Transparent.svg' %}" alt="Boost">
                   </div>
                   <div class="inline md:space-x-10 float-right pr-8 text-lg">
                     <a href="#" class="font-medium text-gray-500 hover:text-gray-900">Versions</a>
@@ -309,7 +309,7 @@
       {% block content %}{% endblock %}
       {% endblock %}
 
-      <footer class="my-16 mx-auto max-w-7xl px-4 sm:mt-24">
+      <footer class="my-16 mx-auto max-w-7xl px-4 sm:mt-24 py-16">
         <div class="flex">
           <div class="text-left md:w-1/2 content-center gap-4 grid">
             <div>
@@ -336,8 +336,8 @@
         </div>
 
         <div class="px-5 pt-4 flex items-center mt-16">
-          <div class="mr-5">
-            <img class="h-8 w-auto" src="{% static 'img/Boost_Symbol_Transparent.svg' %}" alt="">
+          <div class="mr-11">
+            <img class="h-[53px] w-auto" src="{% static 'img/Boost_Symbol_Transparent.svg' %}" alt="">
           </div>
           <div class="justify-between md:space-x-10 pt-3 pb-3 ">
             <a href="">&#169; 2022 Boost.org</a>