2 files changed, 12 insertions, 0 deletions
diff --git a/web/src/components/app/index.css b/web/src/components/app/index.css
index 3eeaee9..aaf2ced 100644
--- a/web/src/components/app/index.css
+++ b/web/src/components/app/index.css
@@ -1,3 +1,12 @@
 ntv-app {
   display: block;
+  padding: 1.5rem;
+}
+
+ntv-app > ntv-toolbar {
+  margin-bottom: 1.5rem;
+}
+
+ntv-app > ntv-grid + ntv-grid {
+  margin-top: 1.5rem;
 }
diff --git a/web/src/components/app/index.ts b/web/src/components/app/index.ts
index 2782e22..910aa52 100644
--- a/web/src/components/app/index.ts
+++ b/web/src/components/app/index.ts
@@ -1,9 +1,12 @@
+import h from "../../html";
 import ntvGrid from "../grid";
+import ntvToolbar from "../toolbar";
 import "./index.css";
 
 class NotiveAppElement extends HTMLElement {
   connectedCallback() {
     this.append(
+      ntvToolbar(),
       ...window.notive.doc.grids.map((grid) => {
         return ntvGrid({ gridId: grid.id });
       }),