diff --git a/examples/simple-example/components/drd/Vega.tsx b/examples/simple-example/components/drd/Vega.tsx
index 8ac5ac1b..ed24606c 100644
--- a/examples/simple-example/components/drd/Vega.tsx
+++ b/examples/simple-example/components/drd/Vega.tsx
@@ -1,4 +1,4 @@
 import { Vega as VegaOg } from "react-vega";
 export default function Vega(props) {
-  return <VegaOg {...props} />;
+  return <VegaOg className="w-full" {...props} />;
 }
diff --git a/examples/simple-example/components/drd/VegaLite.tsx b/examples/simple-example/components/drd/VegaLite.tsx
index c7fd7f49..439a632d 100644
--- a/examples/simple-example/components/drd/VegaLite.tsx
+++ b/examples/simple-example/components/drd/VegaLite.tsx
@@ -1,4 +1,4 @@
 import { VegaLite as VegaOg } from "react-vega";
 export default function Vega(props) {
-  return <VegaOg {...props} />;
+  return <VegaOg  className="w-full" {...props} />;
 }
diff --git a/examples/simple-example/lib/viewSpecConversion.ts b/examples/simple-example/lib/viewSpecConversion.ts
index beddb801..cd6d3f33 100644
--- a/examples/simple-example/lib/viewSpecConversion.ts
+++ b/examples/simple-example/lib/viewSpecConversion.ts
@@ -14,7 +14,7 @@ export function convertSimpleToVegaLite(view, resource) {
       tooltip: true,
     },
     title: view.title,
-    width: "container",
+    width: 500,
     height: 300,
     selection: {
       grid: {