diff --git a/app/components/blacklight/document_component.html.erb b/app/components/blacklight/document_component.html.erb
index 583eb6590..885214091 100644
--- a/app/components/blacklight/document_component.html.erb
+++ b/app/components/blacklight/document_component.html.erb
@@ -20,14 +20,14 @@
       <%= embed %>
       <%= content %>
 
-      <div class="row gx-3 gy-1 align-items-center">
-        <div class="col-auto">
+      <div class="row gx-2 gy-1">
+        <div class="col col-md-9">
           <%= metadata %>
           <% metadata_sections.each do |section| %>
             <%= section %>
           <% end %>
         </div>
-        <div class="col-sm-3">
+        <div class="col col-md-3">
           <%= render(Blacklight::Document::SidebarComponent.new(presenter: @presenter)) %>
         </div>
       </div>