From a5275956f482afc7322bac9766349386039ae6a0 Mon Sep 17 00:00:00 2001
From: Luccas Mateus de Medeiros Gomes <luccasmmg@gmail.com>
Date: Tue, 18 Apr 2023 14:18:57 -0300
Subject: [PATCH] [example][sm] - fix line chart

---
 examples/simple-example/components/drd/Vega.tsx     | 3 ++-
 examples/simple-example/components/drd/VegaLite.tsx | 2 +-
 examples/simple-example/lib/viewSpecConversion.ts   | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/examples/simple-example/components/drd/Vega.tsx b/examples/simple-example/components/drd/Vega.tsx
index 8ac5ac1b..dacea982 100644
--- a/examples/simple-example/components/drd/Vega.tsx
+++ b/examples/simple-example/components/drd/Vega.tsx
@@ -1,4 +1,5 @@
 import { Vega as VegaOg } from "react-vega";
 export default function Vega(props) {
-  return <VegaOg {...props} />;
+  console.log(props)
+  return <VegaOg id="fsfd" 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: {