title: Why are my SwiftUI List Dividers not lining up properly?
body: <p>I'm trying to properly line up my SwiftUI list but I am unable to center the list dividers. For some reason, the list seems centred but the dividers are aligned to trailing, not to the center.</p>
  <p>I added some background colouring to the elements in an effort to debug it, but can't seem to find out a reason why this is happening.</p>
  <p>There doesn't seem to be any padding blocking it either. Maybe it has to do with the list style?</p>
  <p><a href="https://i.stack.imgur.com/2mhZz.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/2mhZz.png" alt="List" /></a></p>
  <p>Code below:</p>
  <pre><code> List {
                      
                      
                      ForEach(savedpoems, id:\.title) {SavedPoem in
                         
                          NavigationLink (destination: DetailViewSaved(savedPoem: SavedPoem)){
                            
          
                              
                                  HStack {
                                      
                          
                                      VStack (alignment: .leading){
                                          Text(&quot;\(SavedPoem.title ?? &quot;&quot;)&quot;)
                                              .font(.headline)
                                              .foregroundColor(.black)
                                              .lineLimit(1)
                                              .padding(.bottom, 3)
                                              
                                          
                                          Text(&quot;\(SavedPoem.author ?? &quot;&quot;)&quot;)
                                              .font(.subheadline)
                                              .foregroundColor(.secondary)
                                      }
                                      .padding(.trailing)
                                      .background(Color.orange)
                                      
                                      Spacer()
                                      
                                  }
                                  .padding()
                                  .background(Color.blue)
                              
                      
  
                          }.padding(.all, 0)
                          .background(Color.red)
                      
  
                          
                      }.onDelete(perform: remove)
                      .background(Color.yellow)
                                      
                  
              }
              .navigationTitle(&quot;&quot;)
              .navigationBarHidden(true)
              .padding(.bottom, 30)
              .listStyle(PlainListStyle())
              .background(Color.black)
            
                      
  
              }
          .padding(.horizontal)
          .edgesIgnoringSafeArea(.bottom)
  </code></pre>
  <p>Any suggestions? Thanks in advance.</p>