     }
     
     var body: some View {
-        ZStack {
-            if isVisible {
+        GeometryReader { proxy in
+            ZStack {
                 Color.black.opacity(isVisible ? 0.3 : 0).edgesIgnoringSafeArea(.all)
-                VStack(alignment: .center, spacing: 0) {
-                    Text(LocalizedStrings.title)
-                        .frame(maxWidth: .infinity)
-                        .frame(height: 45, alignment: .center)
-                        .font(Font(titleFont))
-                        .foregroundColor(Color(theme.colors.primaryText))
-                        .padding(10)
-                    Image("vanish-account-two-tone")
-                        .resizable()
-                        .scaledToFill()
-                        .frame(width: 85, height: 85, alignment: .center)
-                    BulletListView(theme: theme)
+                if isVisible {
+                    
+                    ScrollView(.vertical, showsIndicators: false) {
+                        
+                        
+                        VStack(alignment: .center, spacing: 0) {
+                            Text(LocalizedStrings.title)
+                                .frame(maxWidth: .infinity)
+                                .frame(height: 45, alignment: .center)
+                                .font(Font(titleFont))
+                                .foregroundColor(Color(theme.colors.primaryText))
+                                .padding(10)
+                            Image("vanish-account-two-tone")
+                                .resizable()
+                                .scaledToFill()
+                                .frame(width: 85, height: 85, alignment: .center)
+                            BulletListView(theme: theme)
+                                .background(Color(theme.colors.paperBackground))
+                                .padding([.top, .leading, .trailing], 20)
+                                .frame(maxWidth: .infinity, alignment: .leading)
+                            Divider()
+                            Button(action: {
+                                withAnimation(.linear(duration: 0.3)) {
+                                    userInput = ""
+                                    isVisible = false
+                                }
+                            }, label: {
+                                Text(CommonStrings.okTitle)
+                                    .frame(maxWidth: .infinity)
+                                    .frame(height: 43, alignment: .center)
+                                    .foregroundColor(Color(theme.colors.link))
+                                    .font(Font(titleFont))
+                            }).buttonStyle(PlainButtonStyle())
+                        }
+                        .frame(maxWidth: thisWidth)
                         .background(Color(theme.colors.paperBackground))
-                        .padding([.top, .leading, .trailing], 20)
-                        .frame(maxWidth: .infinity, alignment: .leading)
-                    Divider()
-                    Button(action: {
-                        withAnimation(.linear(duration: 0.3)) {
-                            userInput = ""
-                            isVisible = false
-                        }
-                    }, label: {
-                        Text(CommonStrings.okTitle)
-                            .frame(maxWidth: .infinity)
-                            .frame(height: 43, alignment: .center)
-                            .foregroundColor(Color(theme.colors.link))
-                            .font(Font(titleFont))
-                    }).buttonStyle(PlainButtonStyle())
+                        .cornerRadius(14)
+                    }
                 }
-                .frame(maxWidth: thisWidth)
-                .background(Color(theme.colors.paperBackground))
-                .cornerRadius(14)
-                .onRotate { newOr in
-                    orientation = newOr
-                    updateOrientation()
-                }
-            }
+                
+            }.frame(minHeight: proxy.size.height)
         }
     }
     

    }
    
}

struct DeviceRotationViewModifier: ViewModifier {
    let action: (UIDeviceOrientation) -> Void
    
    func body(content: Content) -> some View {
        content
            .onAppear()
            .onReceive(NotificationCenter.default.publisher(for: UIDevice.orientationDidChangeNotification)) { _ in
                action(UIDevice.current.orientation)
            }
    }
}

extension View {
    func onRotate(perform action: @escaping (UIDeviceOrientation) -> Void) -> some View {
        self.modifier(DeviceRotationViewModifier(action: action))
    }
}

    var body: some View {
        VStack {
            HStack {
                BulletView(theme: theme, height: 52)
                Text(LocalizedStrings.firstItem)
                    .font(Font(bodyFont))
                    .frame(maxWidth: .infinity, alignment: .leading)
            }
            HStack {
                BulletView(theme: theme, height: 40)
                Text(LocalizedStrings.secondItem)
                    .font(Font(bodyFont))
                    .frame(maxWidth: .infinity, alignment: .leading)
            }
            HStack {
                BulletView(theme: theme, height: 44)
                Text("\(LocalizedStrings.thirdItem) [\(LocalizedStrings.linkTitle)](https://en.wikipedia.org/wiki/Wikipedia:Courtesy_vanishing)")
                    .font(Font(bodyFont))
                    .frame(maxWidth: .infinity, alignment: .leading)
                    .padding(.bottom, 10)
            }
        }
    }
    
