diff --git a/src/App.vue b/src/App.vue
index cdb385f..08b4b2d 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -5,11 +5,58 @@
 </template>
 
 <style>
-#app {
-  font-family: Open-Sans, Helvetica, Arial, sans-serif;
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-Regular.woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-SemiBold.woff2");
+  font-weight: 600;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-Bold.woff2");
+  font-weight: 700;
+  font-style: normal;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-Italic.woff2");
+  font-weight: 400;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-SemiBoldItalic.woff2");
+  font-weight: 600;
+  font-style: italic;
+}
+
+@font-face {
+  font-family: "Open Sans";
+  src: url("~@/assets/fonts/OpenSans-BoldItalic.woff2");
+  font-weight: 700;
+  font-style: italic;
+}
+
+#app,
+input,
+label,
+button,
+.plotly_editor * {
+  font-family: "Open Sans", Helvetica, Arial, sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
+
 body {
   margin: 0;
 }
diff --git a/src/assets/fonts/OpenSans-Bold.woff2 b/src/assets/fonts/OpenSans-Bold.woff2
new file mode 100644
index 0000000..4e967b7
Binary files /dev/null and b/src/assets/fonts/OpenSans-Bold.woff2 differ
diff --git a/src/assets/fonts/OpenSans-BoldItalic.woff2 b/src/assets/fonts/OpenSans-BoldItalic.woff2
new file mode 100644
index 0000000..18341e7
Binary files /dev/null and b/src/assets/fonts/OpenSans-BoldItalic.woff2 differ
diff --git a/src/assets/fonts/OpenSans-Italic.woff2 b/src/assets/fonts/OpenSans-Italic.woff2
new file mode 100644
index 0000000..1028358
Binary files /dev/null and b/src/assets/fonts/OpenSans-Italic.woff2 differ
diff --git a/src/assets/fonts/OpenSans-Regular.woff2 b/src/assets/fonts/OpenSans-Regular.woff2
new file mode 100644
index 0000000..ae640ba
Binary files /dev/null and b/src/assets/fonts/OpenSans-Regular.woff2 differ
diff --git a/src/assets/fonts/OpenSans-SemiBold.woff2 b/src/assets/fonts/OpenSans-SemiBold.woff2
new file mode 100644
index 0000000..0f78f12
Binary files /dev/null and b/src/assets/fonts/OpenSans-SemiBold.woff2 differ
diff --git a/src/assets/fonts/OpenSans-SemiBoldItalic.woff2 b/src/assets/fonts/OpenSans-SemiBoldItalic.woff2
new file mode 100644
index 0000000..b5ba245
Binary files /dev/null and b/src/assets/fonts/OpenSans-SemiBoldItalic.woff2 differ
diff --git a/src/assets/styles/buttons.css b/src/assets/styles/buttons.css
index 1620da7..18ce3d6 100644
--- a/src/assets/styles/buttons.css
+++ b/src/assets/styles/buttons.css
@@ -5,7 +5,6 @@ button {
   font-size: 14px;
   font-weight: 600;
   cursor: pointer;
-  font-family: Open-Sans, Helvetica, Arial, sans-serif;
 }
 
 button:focus {
diff --git a/src/assets/styles/variables.css b/src/assets/styles/variables.css
index 341c84b..188b2d9 100644
--- a/src/assets/styles/variables.css
+++ b/src/assets/styles/variables.css
@@ -39,5 +39,9 @@
   --border-radius-small: 2px;
 }
 
+.plotly-editor--theme-provider {
+  --sidebar-width: 112px;
+}
+
 
 
diff --git a/src/views/Home.vue b/src/views/Home.vue
index 3b7b518..c3cf840 100644
--- a/src/views/Home.vue
+++ b/src/views/Home.vue
@@ -36,7 +36,7 @@ export default {
 }
 
 #skip {
-  margin-top: 83px;
+  margin-top: 42px;
 }
 
 >>>.drop-area {