diff --git a/app/components/Package/TimelineChart.vue b/app/components/Package/TimelineChart.vue
index a5a4e668dd..87e600e86d 100644
--- a/app/components/Package/TimelineChart.vue
+++ b/app/components/Package/TimelineChart.vue
@@ -293,6 +293,7 @@ const config = computed<VueUiXyConfig>(() => {
         color: colors.value.accent,
       },
       grid: {
+        position: 'start',
         showHorizontalLines: true,
         stroke: colors.value.border,
         labels: {
diff --git a/app/components/Package/TrendsChart.vue b/app/components/Package/TrendsChart.vue
index 995d430faf..2185d9d9b6 100644
--- a/app/components/Package/TrendsChart.vue
+++ b/app/components/Package/TrendsChart.vue
@@ -1392,7 +1392,7 @@ const chartConfig = computed<VueUiXyConfig>(() => {
     chart: {
       height: chartHeight.value,
       backgroundColor: colors.value.bg,
-      padding: { bottom: displayedGranularity.value === 'yearly' ? 84 : 64, right: 128 }, // padding right is set to leave space of last datapoint label(s)
+      padding: { bottom: displayedGranularity.value === 'yearly' ? 84 : 64, right: 145 }, // padding right is set to leave space of last datapoint label(s)
       userOptions: {
         buttons: {
           pdf: false,
@@ -1462,6 +1462,7 @@ const chartConfig = computed<VueUiXyConfig>(() => {
         },
       },
       grid: {
+        position: 'start',
         stroke: colors.value.border,
         showHorizontalLines: true,
         labels: {
@@ -1995,9 +1996,9 @@ watch([selectedGranularity, startDate, endDate], async () => {
               <!-- Overlay covering the chart area to hide line resizing when switching granularities recalculates VueUiXy scaleMax when estimation lines are necessary -->
               <rect
                 v-if="pending"
-                :x="svg.drawingArea.left"
+                :x="svg.drawingArea.left - 3"
                 :y="svg.drawingArea.top - 12"
-                :width="svg.drawingArea.width + 12"
+                :width="svg.drawingArea.width + 15"
                 :height="svg.drawingArea.height + 48"
                 :fill="colors.bg"
               />
diff --git a/package.json b/package.json
index bb98bde1ee..09ec058ee4 100644
--- a/package.json
+++ b/package.json
@@ -110,7 +110,7 @@
     "vite-plugin-pwa": "1.3.0",
     "vite-plus": "0.1.20",
     "vue": "3.5.34",
-    "vue-data-ui": "3.19.7",
+    "vue-data-ui": "3.19.8",
     "vue-router": "5.0.4"
   },
   "devDependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 1477e56346..45bb01a14c 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -254,8 +254,8 @@ importers:
         specifier: 3.5.34
         version: 3.5.34(typescript@6.0.2)
       vue-data-ui:
-        specifier: 3.19.7
-        version: 3.19.7(vue@3.5.34)
+        specifier: 3.19.8
+        version: 3.19.8(vue@3.5.34)
       vue-router:
         specifier: 5.0.4
         version: 5.0.4(@vue/compiler-sfc@3.5.34)(vue@3.5.34)
@@ -11365,8 +11365,8 @@ packages:
   vue-component-type-helpers@3.2.9:
     resolution: {integrity: sha512-S3BiWYaLSzHxTpln665ELSrMR9UYmrIDUmhik7nVZxmJjTKL2/a+ew1hvGxksKelivm0ujjWfG1fYOiU/2e8rA==}
 
-  vue-data-ui@3.19.7:
-    resolution: {integrity: sha512-4ZpYg5SDpo11EyV59jvwa/cAFe6Oiz+LtwcAC60LTBANZO6x8F1GLo0i22TuZo3kKOxXN5TQFbVfwIQhg62i5w==}
+  vue-data-ui@3.19.8:
+    resolution: {integrity: sha512-jgJQijh1McxKyj9G71ddFEO0OyZ+vbN7GB9lcNxmwSlgEZqRpj3mEWWpYun7G61Ow4dMYj/xbWIsBxuPqaB4wg==}
     peerDependencies:
       jspdf: '>=3.0.1'
       vue: '>=3.3.0'
@@ -24140,7 +24140,7 @@ snapshots:
 
   vue-component-type-helpers@3.2.9: {}
 
-  vue-data-ui@3.19.7(vue@3.5.34):
+  vue-data-ui@3.19.8(vue@3.5.34):
     dependencies:
       vue: 3.5.34(typescript@6.0.2)