diff --git a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx
index b464c1398..c846eb794 100644
--- a/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx
+++ b/frontend/app/components/Dashboard/components/DashboardList/NewDashModal/Examples/ExCard.tsx
@@ -15,7 +15,7 @@ function ExCard({
 }) {
     return (
         <div
-            className={'rounded-lg overflow-hidden border border-transparent p-4 bg-white hover:shadow-sm relative'}
+            className={'rounded-lg overflow-hidden border border-transparent p-4 bg-white hover:shadow-sm relative hover:border-teal transition-all duration-200'}
             style={{width: '100%', height: height || 286}}
         >
             <div className="absolute inset-0 z-10 cursor-pointer" onClick={() => onCard(type)}></div>
diff --git a/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx b/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
index 03c712db2..449485c46 100644
--- a/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
+++ b/frontend/app/components/Dashboard/components/WidgetWrapper/WidgetWrapperNew.tsx
@@ -95,9 +95,9 @@ function WidgetWrapperNew(props: Props & RouteComponentProps) {
   return (
     <Card
       className={cn(
-        'relative group rounded-lg',
+        'relative group rounded-lg hover:border-teal transition-all duration-200',
         'col-span-' + widget.config.col,
-        { 'hover:shadow-sm': !isTemplate && isWidget }
+        { 'hover:shadow-sm': !isTemplate && isWidget },
       )}
       style={{
         userSelect: 'none',