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 &&