From c49d7a363bf8caf4385a5d83cdff81d4859eb0c0 Mon Sep 17 00:00:00 2001
From: Gusted <williamzijl7@hotmail.com>
Date: Tue, 26 Jul 2022 23:28:57 +0200
Subject: [PATCH] Take up all space as given

- Use all space as given by the container, let the user deal with this.
---
 packages/react/src/index.tsx          | 4 ++--
 packages/svelte/src/lib/Widget.svelte | 4 ++--
 packages/vanilla/src/index.ts         | 4 ++--
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/react/src/index.tsx b/packages/react/src/index.tsx
index d43bd3b..9e0c99b 100644
--- a/packages/react/src/index.tsx
+++ b/packages/react/src/index.tsx
@@ -62,8 +62,8 @@ export const MCaptchaWidget = (config: WidgetConfig): ReactElement => {
         id='mcaptcha-widget__iframe'
         scrolling='no'
         sandbox='allow-same-origin allow-scripts'
-        width='304'
-        height='78'
+        width='100%'
+        height='100%'
         frameBorder='0'
       />
     </div>
diff --git a/packages/svelte/src/lib/Widget.svelte b/packages/svelte/src/lib/Widget.svelte
index 9bb3128..48270ce 100644
--- a/packages/svelte/src/lib/Widget.svelte
+++ b/packages/svelte/src/lib/Widget.svelte
@@ -46,8 +46,8 @@
 		id="mcaptcha-widget__iframe"
 		scrolling="no"
 		sandbox="allow-same-origin allow-scripts"
-		width="304"
-		height="78"
+		width="100%"
+		height="100%"
 		frameBorder="0"
 	/>
 </div>
diff --git a/packages/vanilla/src/index.ts b/packages/vanilla/src/index.ts
index 01da730..19ffd42 100644
--- a/packages/vanilla/src/index.ts
+++ b/packages/vanilla/src/index.ts
@@ -53,8 +53,8 @@ export default class Widget {
         iframe.setAttribute("sandbox", "allow-same-origin allow-scripts");
       }
     }
-    iframe.width = "304";
-    iframe.height = "78";
+    iframe.width = "100%";
+    iframe.height = "100%";
     iframe.frameBorder = "0";
 
     parentElement.appendChild(iframe);