diff --git a/yobble/Components/TopBarView.swift b/yobble/Components/TopBarView.swift
index e064c47..8d3e9c7 100644
--- a/yobble/Components/TopBarView.swift
+++ b/yobble/Components/TopBarView.swift
@@ -134,7 +134,7 @@ private extension TopBarView {
         return VStack(spacing: 0) {
             searchBar
                 .padding(.horizontal)
-                .padding(.bottom, 8)
+                .padding(.bottom, searchBarBottomSpacing)
                 .opacity(progress)
         }
         .frame(height: searchBarRevealHeight * progress, alignment: .top)
@@ -143,7 +143,12 @@ private extension TopBarView {
         .accessibilityHidden(progress < 0.9)
     }
 
-    private var searchBarRevealHeight: CGFloat { 56 }
+    private var searchBarRevealHeight: CGFloat { searchBarBaseHeight + searchBarBottomSpacing }
+
+    // 36 min height + 6 * 2 vertical padding inside searchBar
+    private var searchBarBaseHeight: CGFloat { 48 }
+
+    private var searchBarBottomSpacing: CGFloat { 0 }
 
     var searchBar: some View {
         HStack(spacing: 8) {