From cc1759ad7c15f4abf46e34a56a1eacb76a8282a4 Mon Sep 17 00:00:00 2001
From: "Mariana R. Santos" <mrica@equinor.com>
Date: Wed, 24 Jul 2024 12:46:11 +0200
Subject: [PATCH] Fix robot card

---
 .../Pages/FrontPage/RobotCards/RobotStatusCard.tsx    | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/Pages/FrontPage/RobotCards/RobotStatusCard.tsx b/frontend/src/components/Pages/FrontPage/RobotCards/RobotStatusCard.tsx
index 45aa20df2..09ea5eede 100644
--- a/frontend/src/components/Pages/FrontPage/RobotCards/RobotStatusCard.tsx
+++ b/frontend/src/components/Pages/FrontPage/RobotCards/RobotStatusCard.tsx
@@ -26,16 +26,19 @@ const HoverableStyledCard = styled(Card)`
     gap: 0px;
     background-color: ${tokens.colors.ui.background__default.hex};
     cursor: pointer;
-    :hover + #bottomcard {
+
+    :hover {
         background-color: ${tokens.colors.infographic.primary__mist_blue.hex};
     }
-`
 
+    :hover + #buttoncard {
+        background-color: ${tokens.colors.infographic.primary__mist_blue.hex};
+    }
+`
 const ButtonCard = styled.div`
     background-color: ${tokens.colors.ui.background__light.hex};
     padding: 10px;
     border-radius: 0px 0px 6px 6px;
-    pointer-events: auto;
 `
 const HorizontalContent = styled.div`
     display: flex;
@@ -80,7 +83,7 @@ export const RobotStatusCard = ({ robot }: RobotProps) => {
     return (
         <HoverableStyledCard style={{ boxShadow: tokens.elevation.raised }} onClick={goToRobot}>
             <RobotImage robotType={robot.model.type} height="180px" />
-            <ButtonCard id="bottomcard">
+            <ButtonCard id="buttoncard">
                 <LongTypography variant="h5">
                     {robot.name}
                     {' ('}