diff --git a/packages/components/src/components/Iframe.tsx b/packages/components/src/components/Iframe.tsx
index 449fbaf0..9cdb65a5 100644
--- a/packages/components/src/components/Iframe.tsx
+++ b/packages/components/src/components/Iframe.tsx
@@ -9,6 +9,6 @@ export function Iframe({
   url, style
 }: IframeProps) {
   return (
-    <iframe src={url} style={style ?? {}}></iframe>
+    <iframe src={url} style={style ?? { width: `100%`, height: `100%` }}></iframe>
   );
 }
diff --git a/packages/components/stories/Iframe.stories.ts b/packages/components/stories/Iframe.stories.ts
index d7539b42..6d5884a8 100644
--- a/packages/components/stories/Iframe.stories.ts
+++ b/packages/components/stories/Iframe.stories.ts
@@ -25,7 +25,7 @@ type Story = StoryObj<IframeProps>;
 export const Normal: Story = {
   name: 'Iframe',
   args: {
-    url: 'https://ssen-smart-meter.datopian.workers.dev',
-    style: {width: `100%`}
+    url: 'https://app.powerbi.com/view?r=eyJrIjoiYzBmN2Q2MzYtYzE3MS00ODkxLWE5OWMtZTQ2MjBlMDljMDk4IiwidCI6Ijk1M2IwZjgzLTFjZTYtNDVjMy04MmM5LTFkODQ3ZTM3MjMzOSIsImMiOjh9',
+    style: {width: `100%`, height: `100%`}
   },
 };