From ec971848a976fb9ef493015eced407f6e314b7ef Mon Sep 17 00:00:00 2001
From: Jonathan de Bruin <jonathandebruinos@gmail.com>
Date: Thu, 2 Nov 2023 11:50:28 +0100
Subject: [PATCH] Add underline for label in Explore mode (#1561)

---
 asreview/webapp/src/StyledComponents/StyledAlert.js | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/asreview/webapp/src/StyledComponents/StyledAlert.js b/asreview/webapp/src/StyledComponents/StyledAlert.js
index fbfbab0cf..f21302187 100644
--- a/asreview/webapp/src/StyledComponents/StyledAlert.js
+++ b/asreview/webapp/src/StyledComponents/StyledAlert.js
@@ -1,5 +1,5 @@
 import * as React from "react";
-import { Alert } from "@mui/material";
+import { Alert, Box } from "@mui/material";
 
 export function ExplorationModeRecordAlert(props) {
   return (
@@ -7,7 +7,13 @@ export function ExplorationModeRecordAlert(props) {
       severity="info"
       sx={{ borderBottomRightRadius: 0, borderBottomLeftRadius: 0 }}
     >
-      {`Labeled as ${props.label} in the dataset`}
+      Labeled as{" "}
+      {
+        <Box sx={{ textDecoration: "underline" }} display="inline">
+          {props.label}
+        </Box>
+      }{" "}
+      in the dataset
     </Alert>
   );
 }