diff --git a/src/app/features/collections/components/collections-main-content/collections-main-content.component.html b/src/app/features/collections/components/collections-main-content/collections-main-content.component.html
index 276aa9190..7bc4a1f67 100644
--- a/src/app/features/collections/components/collections-main-content/collections-main-content.component.html
+++ b/src/app/features/collections/components/collections-main-content/collections-main-content.component.html
@@ -73,11 +73,13 @@ <h3 class="highlight">{{ 'collections.searchResults.noResults' | translate }}</h
 
 <div class="flex column-gap-4 filters-resources-web">
   @if (isWeb()) {
-    @if (!isCollectionLoading()) {
-      <osf-collections-filters />
-    } @else {
-      <p-skeleton width="22rem" height="30rem" />
-    }
+    <div class="filters-column">
+      @if (!isCollectionLoading()) {
+        <osf-collections-filters />
+      } @else {
+        <p-skeleton width="22rem" height="30rem" />
+      }
+    </div>
   }
 
   <osf-collections-search-results />
diff --git a/src/app/features/collections/components/collections-main-content/collections-main-content.component.scss b/src/app/features/collections/components/collections-main-content/collections-main-content.component.scss
index 7a7ac0cb2..75d67818b 100644
--- a/src/app/features/collections/components/collections-main-content/collections-main-content.component.scss
+++ b/src/app/features/collections/components/collections-main-content/collections-main-content.component.scss
@@ -13,3 +13,7 @@
 .card-selected {
   background: var(--bg-blue-2);
 }
+
+.filters-column {
+  flex: 0 0 22rem;
+}