Remove text-align center from cards in history tab

optuna_dashboard/ts/components/BestTrialsCard.tsx

@@ -90,16 +90,16 @@ export const BestTrialsCard: FC<{
                 >
                   <ListItemText
                     primary={
-                      <Typography variant="h5" sx={{ textAlign: "center" }}>
+                      <Typography variant="h5">
                         Trial {trial.number}
                       </Typography>
                     }
                     secondary={
                       <>
-                        <Typography sx={{ textAlign: "center" }}>
+                        <Typography>
                           Objective Values = [{trial.values?.join(", ")}]
                         </Typography>
-                        <Typography sx={{ textAlign: "center" }}>
+                        <Typography>
                           Params = [
                           {trial.params
                             .map((p) => `${p.name}: ${p.value}`)
@@ -121,8 +121,7 @@ export const BestTrialsCard: FC<{
     <Card>
       <CardContent
         sx={{
-          alignItems: "center",
-          display: "flex",
+          display: "inline-content",
           flexDirection: "column",
         }}
       >

optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx

@@ -56,7 +56,7 @@ export const GraphHyperparameterImportanceBeta: FC<{
               <CardContent>
                 <Typography
                   variant="h6"
-                  sx={{ margin: "1em 0", fontWeight: 600, textAlign: "center" }}
+                  sx={{ margin: "1em 0", fontWeight: 600 }}
                 >
                   {title}
                 </Typography>

optuna_dashboard/ts/components/StudyDetailBeta.tsx

@@ -130,7 +130,6 @@ export const StudyDetailBeta: FC<{
             <Card>
               <CardContent
                 sx={{
-                  alignItems: "center",
                   display: "flex",
                   flexDirection: "column",
                 }}