From 3cbd5e1154767237b0722055893f03af6b924702 Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Thu, 11 Aug 2022 16:09:25 +0200
Subject: [PATCH] fix(player): fix shadow clipping

---
 .../components/DashboardWidgetGrid/AddMetricContainer.tsx       | 2 +-
 .../components/DashboardWidgetGrid/AddPredefinedMetric.tsx      | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetricContainer.tsx b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetricContainer.tsx
index 7cba9ac52..d3caf987a 100644
--- a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetricContainer.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddMetricContainer.tsx
@@ -79,7 +79,7 @@ function AddMetricContainer({ siteId }: any) {
         );
     };
     return (
-        <div style={{ borderColor: 'rgb(238, 238, 238)', height: 300 }} className="bg-white border border-dashed rounded p-8 grid grid-cols-2 gap-8">
+        <div style={{ borderColor: 'rgb(238, 238, 238)', height: 285 }} className="bg-white border border-dashed rounded p-8 grid grid-cols-2 gap-8">
             <AddMetricButton
                 title="+ Add custom Metric"
                 description="Metrics that are manually created by you or your team"
diff --git a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddPredefinedMetric.tsx b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddPredefinedMetric.tsx
index 13cd1047b..0e4b726d2 100644
--- a/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddPredefinedMetric.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardWidgetGrid/AddPredefinedMetric.tsx
@@ -116,7 +116,7 @@ function AddPredefinedMetric({ categories, history, siteId, title, description }
                     </div>
 
                     <div
-                        className="grid h-full grid-cols-4 gap-4 items-start py-1"
+                        className="grid h-full grid-cols-4 gap-4 p-1 items-start"
                         style={{ maxHeight: 'calc(100vh - 160px)', overflowY: 'auto', flex: 9 }}
                     >
                         {activeCategory &&