diff --git a/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx b/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
index 4fa086a68a1..f0b3c460ce5 100644
--- a/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
+++ b/studio/components/interfaces/Home/ProjectList/ProjectCard.tsx
@@ -36,7 +36,7 @@ const ProjectCard = ({
     <li className="col-span-1 list-none">
       <CardButton
         linkHref={rewriteHref ? rewriteHref : `/project/${projectRef}`}
-        className="h-44 !px-0"
+        className="h-44 !px-0 group"
         title={
           <div className="w-full justify-between space-y-1.5 px-6">
             <p className="flex-shrink truncate text-base">{name}</p>
diff --git a/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx b/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx
index 1eb4b6758aa..b505ad2a954 100644
--- a/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx
+++ b/studio/components/interfaces/Home/ProjectList/ProjectCardStatus.tsx
@@ -84,7 +84,7 @@ export const ProjectCardStatus = ({
     <div>
       <Alert_Shadcn_
         variant={alertType}
-        className="border-0 rounded-none rounded-b-md my-2 mb-2.5 [&>svg]:w-[28px] [&>svg]:h-[28px] [&>svg]:mt-1 [&>svg]:p-1.5 [&>svg]:left-6 pl-6"
+        className="border-0 rounded-none rounded-b-md my-2 mb-2.5 [&>svg]:w-[28px] [&>svg]:h-[28px] [&>svg]:mt-1 [&>svg]:p-1.5 [&>svg]:left-6 pl-6 group-hover:bg-destructive-300 transition-colors"
       >
         {projectStatus === 'isPaused' || projectStatus === 'isPausing' ? (
           <IconPauseCircle strokeWidth={2} />