SwiftUI: исходное положение элемента списка неверно

Я новичок в Swift, и у меня есть вопрос относительно представления списка.

Приведенный ниже код создает список изображения в виде кнопки, за которой следует текст.

Проблема в том, что элементы List изначально немного левее, но при первом обновлении они перемещаются вправо на место.

import SwiftUI

struct TodoItem {
    var name: String
    var completed: Bool

    init(_ name: String) {
        self.name = name
        self.completed = false
    }
}

struct ContentView: View {

    @State var todos: [TodoItem] = [
        TodoItem("This"),
        TodoItem("Is"),
        TodoItem("Some"),
        TodoItem("Todo"),
        TodoItem("Task")
    ]

    var body: some View {
        NavigationView {
            List(todos.indices) { index in
                HStack {
                    Image(systemName: self.todos[index].completed ? "checkmark.circle" : "circle")
                        .imageScale(.large)
                        .onTapGesture {
                            self.todos[index].completed.toggle()
                        }

                    Text(self.todos[index].name)
                    Spacer()
                }
            }
            .navigationBarTitle("Todos")
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}