diff --git a/src/views/data-view/components/horizontal-scroll-pane.vue b/src/views/data-view/components/horizontal-scroll-pane.vue
index edcfcec..a26f6d7 100644
--- a/src/views/data-view/components/horizontal-scroll-pane.vue
+++ b/src/views/data-view/components/horizontal-scroll-pane.vue
@@ -9,23 +9,6 @@
 <script>
 
 export default {
-  components: {},
-  data() {
-    return {}
-  },
-  mounted() {
-    const flavoursContainer = this.$refs.flavoursContainer
-    const flavoursScrollWidth = flavoursContainer.scrollWidth
-
-    // setInterval(() => {
-    //   if (flavoursContainer.scrollLeft < flavoursScrollWidth + flavoursContainer.clientWidth) {
-    //     console.log("flavoursContainer.scrollLeft", flavoursContainer.scrollLeft)
-    //     flavoursContainer.scrollTo(flavoursContainer.scrollLeft + 1, 0)
-    //   } else {
-    //     flavoursContainer.scrollTo(0, 0)
-    //   }
-    // }, 30)
-  }
 }
 </script>
 <style scoped lang="scss">
diff --git a/src/views/data-view/data-view.vue b/src/views/data-view/data-view.vue
index 03bf5ee..cf07cde 100644
--- a/src/views/data-view/data-view.vue
+++ b/src/views/data-view/data-view.vue
@@ -48,8 +48,7 @@
       >
         <template #dayMargin="{row}">
           <div class="day-margin-row">
-              <span>{{ row.dayMargin }}</span>
-            <br/>
+            <span>{{ row.dayMargin }}</span>
             <span>{{ row.margin }}</span>
             
           </div>
@@ -359,6 +358,7 @@ export default {
 .day-margin-row {
   display: flex;
   flex-wrap: wrap;
+  flex-direction: column;
   justify-content: center;
 
   span {