diff --git a/website/modules/asset/ui/src/scss/_cases.scss b/website/modules/asset/ui/src/scss/_cases.scss
index 06241388..ad177e73 100644
--- a/website/modules/asset/ui/src/scss/_cases.scss
+++ b/website/modules/asset/ui/src/scss/_cases.scss
@@ -68,13 +68,10 @@
     display: flex;
     flex-direction: column;
     gap: 32px;
-    border-top: 1px solid $gray-border;
-    padding-top: 24px;
     align-items: center;
 
     @include breakpoint-medium {
       flex-direction: row;
-      padding-top: 32px;
       align-items: flex-start;
     }
   }
@@ -272,11 +269,19 @@
   flex-wrap: wrap;
   gap: 16px;
   justify-content: space-between;
+  min-height: 28px;
+  background: $white;
+  border-bottom: 1px solid $gray-border;
+  padding-bottom: 32px;
+  position: sticky;
+  z-index: 1;
+  top: $mobile-header-height;
 
   @include breakpoint-medium {
     flex-wrap: nowrap;
     align-items: flex-start;
     justify-content: flex-start;
+    top: $desktop-header-height;
   }
 }
 
diff --git a/website/modules/case-studies-page/views/index.html b/website/modules/case-studies-page/views/index.html
index 673bbc00..f396c948 100644
--- a/website/modules/case-studies-page/views/index.html
+++ b/website/modules/case-studies-page/views/index.html
@@ -8,9 +8,9 @@
       <div id="filter" class="filter-anchor"></div>
     </div>
 
-    {% set hasActiveFilters = data.query.industry or data.query.stack or
-    data.query.caseStudyType %} {% if hasActiveFilters %}
     <div class="cs_filter-info">
+      {% set hasActiveFilters = data.query.industry or data.query.stack or
+      data.query.caseStudyType %} {% if hasActiveFilters %}
       <p class="items-count">
         {{ data.totalPieces }} Ite{% if data.totalPieces == 1 %}m{% else %}ms{%
         endif %} found
@@ -71,8 +71,8 @@
           {% endif %} {% endfor %} {% endif %} {% endfor %}
         </ul>
       </div>
+      {% endif %}
     </div>
-    {% endif %}
 
     <div class="cs_list">
       <div class="tags-filter">