From 97f6eaea509fbdfca1ec550f63ed6541ba0c4050 Mon Sep 17 00:00:00 2001
From: Dhiraj Barnwal <sumankumaribarnwal@gmail.com>
Date: Mon, 6 May 2024 01:43:12 +0530
Subject: [PATCH] Fix: chart labels from overflow (#4824)

---
 .../time-dimension-details/charts/ChartTypeSelector.svelte    | 2 +-
 .../dashboards/time-series/TimeSeriesChartContainer.svelte    | 4 +---
 2 files changed, 2 insertions(+), 4 deletions(-)

diff --git a/web-common/src/features/dashboards/time-dimension-details/charts/ChartTypeSelector.svelte b/web-common/src/features/dashboards/time-dimension-details/charts/ChartTypeSelector.svelte
index 1234ea7e540..67589b91ff4 100644
--- a/web-common/src/features/dashboards/time-dimension-details/charts/ChartTypeSelector.svelte
+++ b/web-common/src/features/dashboards/time-dimension-details/charts/ChartTypeSelector.svelte
@@ -73,7 +73,7 @@
 
 <style lang="postcss">
   .chart-type-selector {
-    @apply flex ml-auto overflow-hidden mr-2;
+    @apply flex ml-auto overflow-hidden mr-4;
     @apply border border-primary-300 divide-x divide-primary-300 rounded-sm;
   }
   .chart-icon-wrapper {
diff --git a/web-common/src/features/dashboards/time-series/TimeSeriesChartContainer.svelte b/web-common/src/features/dashboards/time-series/TimeSeriesChartContainer.svelte
index 6352a3b729c..9f980ad6d30 100644
--- a/web-common/src/features/dashboards/time-series/TimeSeriesChartContainer.svelte
+++ b/web-common/src/features/dashboards/time-series/TimeSeriesChartContainer.svelte
@@ -11,11 +11,9 @@ A container GraphicContext for the time series in a metrics dashboard.
   export let enableFullWidth = false;
 
   const paddingForFullWidth = 80;
-
-  $: paddingRight = enableFullWidth ? "pr-6" : "pr-2";
 </script>
 
-<div class={`max-w-full h-fit flex flex-col max-h-full ${paddingRight}`}>
+<div class="max-w-full h-fit flex flex-col max-h-full pr-2">
   <GraphicContext
     bottom={4}
     height={enableFullWidth