title: How to remove extra margin above a Form
body: <p>I want part of my view to be wrapped inside a <code>Form</code>, but not the whole thing. I don't want the <code>Form</code> to take up that much space, so I've shrunken it using <code>.frame()</code>. Although there is still a lot of margin on top of the Form. Here's my code.</p>
  <pre><code>struct ContentView: View {
      var body: some View {
          NavigationView {
              ScrollView {
                  VStack {
                      Form {
                          Text(&quot;Some text in a form&quot;)
                      }
                          .frame(width: 400, height: 90) // shrinks Form size, but doesn't remove margin
           
                      Text(&quot;Some more text&quot;)
                 }
              }
          }
      }
  }
  </code></pre>
  <p>The <code>.frame()</code> height doesn't seem to remove that extra space at the top of the Form (light grey area).</p>
  <p><a href="https://i.stack.imgur.com/pbFsd.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pbFsd.png" alt="iPhone screenshot containing a Form with extra top margin" /></a></p>
  <p>I've also tried adding <code>.listRowInsets(EdgeInsets())</code> to the first <code>Text</code> view, but that doesn't remove the top margin. Any ideas?</p>