1 files changed, 38 insertions, 35 deletions
diff --git a/packages/taler-wallet-webextension/src/components/Modal.tsx b/packages/taler-wallet-webextension/src/components/Modal.tsx
index 11fa72181..5553c72df 100644
--- a/packages/taler-wallet-webextension/src/components/Modal.tsx
+++ b/packages/taler-wallet-webextension/src/components/Modal.tsx
@@ -18,7 +18,7 @@ import { styled } from "@linaria/react";
 import { ComponentChildren, h, VNode } from "preact";
 import { ButtonHandler } from "../mui/handlers.js";
 import closeIcon from "../svg/close_24px.inline.svg";
-import { Link, LinkPrimary, LinkWarning } from "./styled/index.js";
+import { Link } from "./styled/index.js";
 
 interface Props {
   children: ComponentChildren;
@@ -52,40 +52,43 @@ const Body = styled.div`
 
 export function Modal({ title, children, onClose }: Props): VNode {
   return (
-    <FullSize onClick={onClose?.onClick}>
-      <div
-        onClick={(e) => e.stopPropagation()}
-        style={{
-          background: "white",
-          width: 600,
-          height: "80%",
-          margin: "auto",
-          borderRadius: 8,
-          padding: 8,
-          // overflow: "scroll",
-        }}
-      >
-        <Header>
-          <div>
-            <h2>{title}</h2>
-          </div>
-          <Link onClick={onClose?.onClick}>
-            <div
-              style={{
-                height: 24,
-                width: 24,
-                marginLeft: 4,
-                marginRight: 4,
-                // fill: "white",
-              }}
-              dangerouslySetInnerHTML={{ __html: closeIcon }}
-            />
-          </Link>
-        </Header>
-        <hr />
+    <div style={{ position: "fixed", top: 0, width: "100%", height: "100%" }}>
 
-        <Body onClick={(e: any) => e.stopPropagation()}>{children}</Body>
-      </div>
-    </FullSize>
+      <FullSize onClick={onClose?.onClick}>
+        <div
+          onClick={(e) => e.stopPropagation()}
+          style={{
+            background: "white",
+            width: 600,
+            height: "80%",
+            margin: "auto",
+            borderRadius: 8,
+            padding: 8,
+            // overflow: "scroll",
+          }}
+        >
+          <Header>
+            <div>
+              <h2>{title}</h2>
+            </div>
+            <Link onClick={onClose?.onClick}>
+              <div
+                style={{
+                  height: 24,
+                  width: 24,
+                  marginLeft: 4,
+                  marginRight: 4,
+                  // fill: "white",
+                }}
+                dangerouslySetInnerHTML={{ __html: closeIcon }}
+              />
+            </Link>
+          </Header>
+          <hr />
+
+          <Body onClick={(e: any) => e.stopPropagation()}>{children}</Body>
+        </div>
+      </FullSize>
+    </div>
   );
 }