Hi,

i've been tinkering with the project 5 and implementing some ui elements and encountered this weird bug. When the TextField is tapped, the keyboard pops up (which is fine) but there is a visible black line between my NavigatioN and the VStack containing the button. Here is my code and also a GIF of the issue :

  VStack {
            NavigationView {
                List {
                    Section {
                        TextField("Enter your word", text: $newWord)
                            .autocapitalization(.none)
                            .autocorrectionDisabled()
                    }
                    Section {
                        ForEach(usedWords, id: \.self) { word in
                            HStack {
                                Image(systemName: "\(word.count).circle")
                                Text(word)
                            }
                        }
                    }
                }

                .scrollContentBackground(.hidden)
                .background(retroYellow)

                .navigationTitle(rootWord)
                .onSubmit(addNewWord)
                .onAppear(perform: startGame)
                .alert(errorTitle, isPresented: $showingError) {
                    Button("OK", role: .cancel) { }
                } message: {
                    Text(errorMessage)
                }

            }
            VStack {
                    Button {
                        startGame()
                    } label: {
                        Image("restart")
                            .resizable()
                            .clipped()
                            .background(retroYellow)
                            .frame(width: 100, height: 100)
                            .background(retroYellow)

                    }
            }
            Spacer()
            Spacer()

        }.background(retroYellow)

    }