From 5330b0a89d5772e965d52861db35001294246533 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 4 Nov 2022 10:41:46 +0100
Subject: [PATCH] fix(ui) - dashboard list item alignment

---
 .../components/Dashboard/components/Alerts/AlertListItem.tsx    | 2 +-
 .../Dashboard/components/DashboardList/DashboardListItem.tsx    | 2 +-
 .../Dashboard/components/MetricListItem/MetricListItem.tsx      | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx b/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
index c1038586b..aaecc0b14 100644
--- a/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
+++ b/frontend/app/components/Dashboard/components/Alerts/AlertListItem.tsx
@@ -77,7 +77,7 @@ function AlertListItem(props: Props) {
       className={cn('px-6', !demo ? 'hover:bg-active-blue cursor-pointer border-t' : '')}
       onClick={onItemClick}
     >
-      <div className="grid grid-cols-12 py-4 select-none">
+      <div className="grid grid-cols-12 py-4 select-none items-center">
         <div className="col-span-8 flex items-start">
           <div className="flex items-center capitalize-first">
             <div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">
diff --git a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
index 033878399..a3cb6e436 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/DashboardListItem.tsx
@@ -23,7 +23,7 @@ function DashboardListItem(props: Props) {
     };
     return (
         <div className="hover:bg-active-blue cursor-pointer border-t px-6" onClick={onItemClick}>
-            <div className="grid grid-cols-12 py-4 select-none">
+            <div className="grid grid-cols-12 py-4 select-none items-center">
                 <div className="col-span-8 flex items-start">
                     <div className="flex items-center capitalize-first">
                         <div className="w-9 h-9 rounded-full bg-tealx-lightest flex items-center justify-center mr-2">
diff --git a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
index 7c8e228c3..9862739d8 100644
--- a/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
+++ b/frontend/app/components/Dashboard/components/MetricListItem/MetricListItem.tsx
@@ -45,7 +45,7 @@ function MetricListItem(props: Props) {
         history.push(path);
     };
     return (
-        <div className="grid grid-cols-12 py-4 border-t select-none hover:bg-active-blue cursor-pointer px-6" onClick={onItemClick}>
+        <div className="grid grid-cols-12 py-4 border-t select-none items-center hover:bg-active-blue cursor-pointer px-6" onClick={onItemClick}>
             <div className="col-span-4 flex items-start">
                 <div className="flex items-center">
                     <MetricTypeIcon type={metric.metricType} />