diff --git a/resources/css/app.css b/resources/css/app.css
index e866f1852..0ce8bc774 100644
--- a/resources/css/app.css
+++ b/resources/css/app.css
@@ -2,5 +2,6 @@
 
 @import 'components/balloon.css';
 @import 'components/button.css';
+@import 'components/main.css';
 
 @tailwind utilities;
diff --git a/resources/css/components/main.css b/resources/css/components/main.css
new file mode 100644
index 000000000..4e9f56b90
--- /dev/null
+++ b/resources/css/components/main.css
@@ -0,0 +1,5 @@
+@media (min-height: theme('screens.md')) {
+  main {
+    @apply tw-flex tw-flex-col tw-justify-center tw-h-full
+  }
+}
diff --git a/source/index.html.twig b/source/index.html.twig
index a935741cf..6b3194ad5 100644
--- a/source/index.html.twig
+++ b/source/index.html.twig
@@ -14,10 +14,10 @@ update_text: Session submissions are now open!
     <a href="#main-content" class="visually-hidden focusable skip-link">
       Skip to main content
     </a>
-    <div class="tw-h-full">
+    <div class="tw-h-full tw-flex tw-flex-col">
         {% include 'banner' %}
 
-        <div class="tw-flex tw-flex-col tw-flex-1 tw-bg-balloon tw-bg-center tw-bg-cover">
+        <main class="tw-bg-balloon tw-bg-center tw-bg-cover">
             <div class="region tw-px-12">
                 <div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
                     <div class="tw-mx-16">
@@ -42,9 +42,9 @@ update_text: Session submissions are now open!
                     </div>
                 </div>
             </div>
-        </div>
+        </main>
 
-        <div>
+        <div class="tw-mt-auto">
             {% if page.update_text %}
                 {% include 'update-text' %}
             {% endif %}