diff --git a/app/src/assets/css/modules/_vega.scss b/app/src/assets/css/modules/_vega.scss
index dad80d7b..d35f4397 100644
--- a/app/src/assets/css/modules/_vega.scss
+++ b/app/src/assets/css/modules/_vega.scss
@@ -1,6 +1,9 @@
 .vega {
     &-view{
-        margin: 2.5rem
+        margin: 2.5rem;
+        .md-layout-item {
+            height: fit-content;
+        }
     }
     &-tabs{
         height:100% !important;
@@ -38,6 +41,9 @@
         &-chartview{
             margin-top:5rem
         }
+        .chart-wrapper {
+            width: fit-content;
+        }
     }
     
 }
diff --git a/app/src/components/explorer/VegaLiteWrapper.vue b/app/src/components/explorer/VegaLiteWrapper.vue
index d816f63a..0af9da2c 100644
--- a/app/src/components/explorer/VegaLiteWrapper.vue
+++ b/app/src/components/explorer/VegaLiteWrapper.vue
@@ -92,11 +92,17 @@ export default {
         }
         this.$emit('new-vega-view', result.view)
         this.renderError = false
+        this.alignVegaTooltips()
       } catch (ex) {
         console.error('Error while rendering vega-lite specification', ex)
         this.renderError = true
       }
     },
+    alignVegaTooltips () {
+      const canvas = document.getElementsByClassName('marks')[0]
+      const vegaBindings = document.getElementsByClassName('vega-bindings')[0]
+      vegaBindings.style.width = canvas.style.width
+    },
     validateSpec (versionNum) {
       try {
         const validation = jsonValidate(this.spec, vegaLiteVersions[versionNum].schema)
diff --git a/nginx/default.conf b/nginx/default.conf
index f678e027..58487caa 100644
--- a/nginx/default.conf
+++ b/nginx/default.conf
@@ -43,7 +43,7 @@ server {
   #   rewrite /whyis/(.*) /$1 break;
   #   proxy_pass http://whyis;
   # }
-
+ 
   location /storage {
     sendfile  on;
     keepalive_timeout  60;