diff --git a/app/assets/stylesheets/application.bootstrap.scss b/app/assets/stylesheets/application.bootstrap.scss
index 62c5533..39e3c03 100644
--- a/app/assets/stylesheets/application.bootstrap.scss
+++ b/app/assets/stylesheets/application.bootstrap.scss
@@ -5,3 +5,4 @@
 @import "homepage";
 @import "base";
 @import "footer";
+@import "card";
diff --git a/app/assets/stylesheets/card.scss b/app/assets/stylesheets/card.scss
new file mode 100644
index 0000000..ebbd2db
--- /dev/null
+++ b/app/assets/stylesheets/card.scss
@@ -0,0 +1,7 @@
+.card-title {
+  margin-bottom: 0.75rem;
+}
+
+.card-title > a {
+  font-size: 1.25rem;
+}
diff --git a/app/views/catalog/_home.html.erb b/app/views/catalog/_home.html.erb
index bd2f2c2..092ce94 100644
--- a/app/views/catalog/_home.html.erb
+++ b/app/views/catalog/_home.html.erb
@@ -5,34 +5,37 @@
     <div class="imgback col-md-5 col-lg-6 col-xl-6 d-none d-md-block"></div>
     <div class="imgback imgback-image col-md-5 col-lg-6 col-xl-6 d-none d-md-block"
          style="background-image: url(<%= feature_img_url(@random_feature['image']) %>)">
-    <div class="feature-caption"><span class="sr-only">Featured image: </span><%= @random_feature['caption_html'].html_safe %></div>
-  </div>
+      <div class="feature-caption">
+        <span class="sr-only">Featured image: </span><%= @random_feature['caption_html'].html_safe %>
+      </div>
+    </div>
 
-  <div class="col-md-7 col-lg-6 col-xl-5 rl-menu-title">
-    <h1 class="main-title">Find Archival Materials</h1>
-    <p>Detailed inventories of <%= number_with_delimiter(collection_count_home) %> collections</p>
+    <div class="col-md-7 col-lg-6 col-xl-5 px-4">
+      <h1 class="main-title">Find Archival Materials</h1>
+      <p>Detailed inventories of <%= number_with_delimiter(collection_count_home) %> collections</p>
 
-    <%#= render_search_bar %>
+      <%#= render_search_bar %>
 
-    <div class="intro-buttons mt-3 mb-3 d-flex">
-      <div id="browse-links" class="btn-group mr-3">
-        <%= link_to t('um_arclight.home.browse_all'), arclight_engine.collections_path %>
-      </div>
+      <div class="intro-buttons mt-3 mb-3 d-flex">
+        <div id="browse-links" class="btn-group me-3">
+          <%= link_to t('um_arclight.home.browse_all'), arclight_engine.collections_path %>
+        </div>
 
-      <%#= render 'search_extra_controls' %>
+        <%#= render 'search_extra_controls' %>
 
-    </div>
+      </div>
 
-    <a class="d-flex align-items-center mt-4 mb-3" href="/repositories">
-      <div>Browse All Repositories</div>
-    </a>
+      <a class="d-flex align-items-center mt-4 mb-3" href="/repositories">
+        <div>Browse All Repositories</div>
+      </a>
+    </div>
   </div>
 </div>
-<div class="container-fluid full-width">
 
-  <%# Configurable alert banner %>
-  <%# keys in config/locales/um_arclight.en.yml %>
-  <% if I18n.exists?('um_arclight.home.alert') %>
+<%# Configurable alert banner %>
+<%# keys in config/locales/um_arclight.en.yml %>
+<% if I18n.exists?('um_arclight.home.alert') %>
+  <div class="row">
     <div id="homepage-alert" class="mb-5 col-md-12 home banner-wrapper banner-warning d-flex flex-row">
       <div class="banner-part banner-heading">
         <%= blacklight_icon :exclamation_triangle_solid %>
@@ -47,20 +50,16 @@
         </div>
       </div>
     </div>
-  <% end %>
-
-  <div id="homepage-text-blocks" class="row mt-4 mb-5 d-flex flex-wrap">
-    <div class="mb-2">
-      <div class="card-title d-flex align-items-center">
-        <div class="card-icon"><span class="material-icons">
-      info
-      </span></div>
-        <h2><%= t('um_arclight.home.about.heading') %></h2>
-      </div>
-      <div class="content-block">
-        <%= t('um_arclight.home.about.text_html').html_safe %>
-      </div>
+  </div>
+<% end %>
+<div id="homepage-text-blocks" class="row mt-4 mb-5 d-flex flex-wrap">
+  <div class="mb-2">
+    <div class="card-title d-flex align-items-center">
+      <div class="card-icon"><span class="material-icons">info</span></div>
+      <h2><%= t('um_arclight.home.about.heading') %></h2>
+    </div>
+    <div class="content-block">
+      <%= t('um_arclight.home.about.text_html').html_safe %>
     </div>
   </div>
 </div>
-</div>
\ No newline at end of file
diff --git a/app/views/layouts/blacklight/base.html.erb b/app/views/layouts/blacklight/base.html.erb
index 29ddd66..7e6ab89 100644
--- a/app/views/layouts/blacklight/base.html.erb
+++ b/app/views/layouts/blacklight/base.html.erb
@@ -39,7 +39,7 @@
 
   <%= render partial: 'shared/header_navbar' %>
 
-  <main id="main-container" class="<%= container_classes %>" role="main" aria-label="<%= t('blacklight.main.aria.main_container') %>">
+  <main id="main-container" class="viewport-container" role="main" aria-label="<%= t('blacklight.main.aria.main_container') %>">
     <%= content_for(:container_header) %>
 
     <%= render partial: 'shared/flash_msg', layout: 'shared/flash_messages' %>