Stable Modification Point

src/views/components/FailingBox.jsx

@@ -27,7 +27,7 @@ import Box from "@mui/material/Box";
 const stopPropagation = (e) => e.stopPropagation() && e.preventDefault();
 
 export default function FailingBox(props) {
-  const { failingTest } = props;
+  const { failingTest, silenceClick } = props;
 
   const {
     class: testClass,
@@ -92,6 +92,7 @@ export default function FailingBox(props) {
           aria-label="silence"
           component="span"
           color={silencedUntil ? "primary" : "default"}
+          onClick={silenceClick}
         >
           <NotificationsIcon />
         </IconButton>
@@ -152,14 +153,18 @@ export default function FailingBox(props) {
           direction="row"
           sx={{
             ml: "auto",
-            display: { xs: "none", sm: "none", md: "flex", lg: "flex" },
+                        mb: "auto",
+            mt: "auto",
+            display: { xs: "none", sm: "none", md: "block", lg: "block" },
           }}
         >
           <Actions />
         </Stack>
       </AccordionSummary>
       <AccordionDetails>
-        <Typography>{failedMessage}</Typography>
+        <Typography component={"span"} style={{ wordBreak: "break-word" }}>
+          {failedMessage}
+        </Typography>
       </AccordionDetails>
     </Accordion>
   );