From 901f9c0c6a60d80ffe978cce066440ffcb07f122 Mon Sep 17 00:00:00 2001
From: c-bata <contact@c-bata.link>
Date: Fri, 13 Jan 2023 01:47:49 +0900
Subject: [PATCH] Use outlined chip

---
 optuna_dashboard/ts/components/TrialList.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/optuna_dashboard/ts/components/TrialList.tsx b/optuna_dashboard/ts/components/TrialList.tsx
index d3f995ba..37b83a75 100644
--- a/optuna_dashboard/ts/components/TrialList.tsx
+++ b/optuna_dashboard/ts/components/TrialList.tsx
@@ -183,9 +183,10 @@ const TrialListDetail: FC<{
           color={getChipColor(trial.state)}
           label={trial.state}
           sx={{ marginRight: theme.spacing(1) }}
+          variant="outlined"
         />
         {isBestTrial(trial.trial_id) ? (
-          <Chip label={"Best Trial"} color="secondary" />
+          <Chip label={"Best Trial"} color="secondary" variant="outlined" />
         ) : null}
       </Box>
       <Box sx={{ marginBottom: theme.spacing(2) }}>
@@ -374,6 +375,7 @@ export const TrialList: FC<{ studyDetail: StudyDetail | null }> = ({
               ))}
             </Menu>
           </ListSubheader>
+          <Divider />
           {trials.map((trial, i) => {
             return (
               <ListItem key={trial.trial_id} disablePadding>
@@ -420,6 +422,7 @@ export const TrialList: FC<{ studyDetail: StudyDetail | null }> = ({
                       label={trial.state}
                       sx={{ margin: theme.spacing(0) }}
                       size="small"
+                      variant="outlined"
                     />
                     {isBestTrial(trial.trial_id) ? (
                       <Chip
@@ -427,6 +430,7 @@ export const TrialList: FC<{ studyDetail: StudyDetail | null }> = ({
                         color="secondary"
                         sx={{ marginLeft: theme.spacing(1) }}
                         size="small"
+                        variant="outlined"
                       />
                     ) : null}
                   </Box>