【SwiftUI】画面右側から出てくるサイドメニューを実装したい

Question

前提・実現したいこと

こちらの記事（https://dev.classmethod.jp/articles/swiftui_overlay_sidemenu/）を参考にして右側から出てくるサイドメニューの実装を試みております。

発生している問題・エラーメッセージ

パラメータをいじって右側から出すことが出来たのですが、サイドメニュービューが停止する位置が左サイドになってしまいます（以下Gif参照）。

該当のソースコード

// メインコンテンツビュー
struct TestView: View {
    var body: some View {
        Text("Hello, World!")
    }
}

// サイドメニュー出現前ビュー
struct SideView: View {
    @State var isOpenSideMenu: Bool = false
    var body: some View {
        VStack{
            ZStack{
                NavigationView {
                    TestView()
                        .navigationBarItems(trailing: (
                                                Button(action: {
                                                    self.isOpenSideMenu.toggle()
                                                }) {
                                                    Image(systemName: "line.horizontal.3")
                                                        .imageScale(.large)
                                                }))
                }
                
                .navigationBarTitle("")
                .navigationBarHidden(true)
                
                
                SideMenuView(isOpen: $isOpenSideMenu)
                    .edgesIgnoringSafeArea(.all)
            }
        }
    }
}

// サイドメニュー表示後ビュー
struct SideMenuView: View {
    @Binding var isOpen: Bool
    let width: CGFloat = screenWidth
    
    var body: some View {
        ZStack {
            GeometryReader { geometry in
                EmptyView()
            }
            .background(Color.gray.opacity(0.3))
            .opacity(self.isOpen ? 1.0 : 0.0)
            .opacity(1.0)
            .animation(.easeIn(duration: 0.25))
            .onTapGesture {
                self.isOpen = false
            }
            
            HStack {
                VStack() {
                    SideMenuContentView(topPadding: 100, isOpen: $isOpen)
                    Spacer()
                }
                .frame(width: width*2/3)
                .background(Color(UIColor.systemGray6))
                .offset(x: self.isOpen ? 0 : self.width)
                .animation(.easeIn(duration: 0.25))
                Spacer()
            }
        }
    }
}

// サイドメニューの内容を作成したビュー
struct SideMenuContentView: View {
    let topPadding: CGFloat
    @Binding var isOpen: Bool
    @State var test: Bool = false
    init(topPadding: CGFloat = 30,isOpen: Binding<Bool>) {
        self.topPadding = topPadding
        self._isOpen = isOpen
    }
    
    var body: some View {
        VStack {
            Text("Test1")
                .padding(.vertical)
                .foregroundColor(.gray)
                .font(.headline)
            
            Text("Test2")
                .padding(.vertical)
                .foregroundColor(.gray)
                .font(.headline)
            
            Text("Test3")
                .padding(.vertical)
                .foregroundColor(.gray)
                .font(.headline)
      
            Spacer()
            
        }
        .padding(.top, topPadding)
        .padding(.leading, 32)
        .onTapGesture {
            self.isOpen = false
            
        }
    }
}

試したこと

サイドメニューに関する知識自体が足りていないので、調整箇所が分からない状況です。
知見がある方ご教授頂きたいです。

補足情報（FW/ツールのバージョンなど）

Xcode 12.5.1
iOS 14.0向け

Answer 1

こちらのサイト（https://d1v1b.com/swiftui/various_slidemenu）を参考に実装できました。