Unwanted top padding on Swift TabView - ios

Question

I have an issue which I cannot resolve. I have a TabView inside NavigationView with two tabs. Both tabs are constructed in the same way SearchBar + List, only difference is content, but issue appears even if I try to display the same content on both.
Issue is that on first tab there is extra padding between search bar and list, it does not appear on second tab. If I switch order in code issue is the same padding only on first tab (old second tab).
Important remark, it only happens with .listStyle(SidebarListStyle()) with .listStyle(PlainListStyle()) there is no extra padding, but then I cannot expand and colapse categories.
Code:
var body: some View {
NavigationView {
TabView {
ProductList()
.tabItem {
Label("Produkty", systemImage: "bag.circle.fill")
}
.onAppear {
self.title = "Produkty"
}
RecipeList()
.tabItem {
Label("Przepisy", systemImage: "book.circle.fill")
}
.onAppear {
self.title = "Przepisy"
}
}
.accentColor(.white)
.navigationBarTitle(title, displayMode: .inline)
}
}
Code for the ProductList():
import SwiftUI
struct ProductList: View {
#Environment(\.presentationMode) var presentationMode
#State private var searchText = ""
let categories: [String] = ["A", "B", "C"]
var body: some View {
VStack() {
SearchBar(text: $searchText)
.padding(.top, 10)
List(){
ForEach(categories, id: \.self) { cat in
Section(
header: Text(cat)
.fontWeight(.bold)
.foregroundColor(.gray)
){
ForEach(productData.filter{
searchText.isEmpty && $0.category.rawValue == cat ? true : $0.name.localizedCaseInsensitiveContains(searchText) && $0.category.rawValue == cat
}) { product in
NavigationLink(destination: ProductDetail(product: product)){
ProductRow(
product: product,
color: colorRank(value: product.rank[0].rawValue)
)
}
}
}
.accentColor(.gray)
}
}
.resignKeyboardOnDragGesture()
.listStyle(SidebarListStyle())
}.background(Color(UIColor.secondarySystemBackground).ignoresSafeArea())
}
}