From ac8483889a8998fba36bddc9347e8408d899fb74 Mon Sep 17 00:00:00 2001
From: KelvinTegelaar <49186168+KelvinTegelaar@users.noreply.github.com>
Date: Fri, 26 Dec 2025 23:55:27 +0100
Subject: [PATCH] bug fixes for tests

---
 src/pages/dashboardv2/devices/index.js | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/pages/dashboardv2/devices/index.js b/src/pages/dashboardv2/devices/index.js
index ca747bc47bfb..2d9e6220bf03 100644
--- a/src/pages/dashboardv2/devices/index.js
+++ b/src/pages/dashboardv2/devices/index.js
@@ -15,6 +15,7 @@ import tabOptions from "../tabOptions";
 import { useSettings } from "/src/hooks/use-settings";
 import { ApiGetCall } from "/src/api/ApiCall.jsx";
 import { CippDataTable } from "/src/components/CippTable/CippDataTable";
+import { KeyboardArrowRight } from "@mui/icons-material";
 import ReactMarkdown from "react-markdown";
 import remarkGfm from "remark-gfm";
 import { Grid } from "@mui/system";
@@ -74,7 +75,6 @@ const Page = () => {
   };
 
   const offCanvas = {
-    extendedInfoFields: ["Name", "Risk", "Status", "Category"],
     size: "lg",
     children: (row) => {
       return (
@@ -93,12 +93,12 @@ const Page = () => {
                   }),
                 }}
               >
-                <Stack alignItems="center" direction="row" spacing={2} sx={{ p: 3 }}>
+                <Stack alignItems="center" direction="row" spacing={1} sx={{ p: 1 }}>
                   <Box>
                     <Typography color="text.secondary" variant="overline">
                       Risk Level
                     </Typography>
-                    <Box sx={{ mt: 0.5 }}>
+                    <Box>
                       <Chip label={row.Risk || "N/A"} color={getRiskColor(row.Risk)} size="small" />
                     </Box>
                   </Box>
@@ -116,7 +116,7 @@ const Page = () => {
                   }),
                 }}
               >
-                <Stack alignItems="center" direction="row" spacing={2} sx={{ p: 3 }}>
+                <Stack alignItems="center" direction="row" spacing={1} sx={{ p: 1 }}>
                   <Box>
                     <Typography color="text.secondary" variant="overline">
                       User Impact
@@ -137,7 +137,7 @@ const Page = () => {
                   borderBottom: "none",
                 }}
               >
-                <Stack alignItems="center" direction="row" spacing={2} sx={{ p: 3 }}>
+                <Stack alignItems="center" direction="row" spacing={1} sx={{ p: 1 }}>
                   <Box>
                     <Typography color="text.secondary" variant="overline">
                       Implementation Effort
@@ -159,7 +159,7 @@ const Page = () => {
             <Card variant="outlined">
               <CardContent>
                 <Box sx={{ display: "flex", alignItems: "center", gap: 2 }}>
-                  <Typography variant="h6">{row.Name}</Typography>
+                  <Typography variant="h6">{row.Name}</Typography> <KeyboardArrowRight />
                   <Chip
                     label={row.Status || "Unknown"}
                     color={getStatusColor(row.Status)}