diff --git a/optuna_dashboard/ts/components/BestTrialsCard.tsx b/optuna_dashboard/ts/components/BestTrialsCard.tsx
index d34007e5..86617374 100644
--- a/optuna_dashboard/ts/components/BestTrialsCard.tsx
+++ b/optuna_dashboard/ts/components/BestTrialsCard.tsx
@@ -34,7 +34,10 @@ export const BestTrialsCard: FC<{
       <>
         <Typography
           variant="h3"
-          sx={{ fontWeight: 600, marginBottom: theme.spacing(2) }}
+          sx={{
+            fontWeight: theme.typography.fontWeightBold,
+            marginBottom: theme.spacing(2),
+          }}
           color="secondary"
         >
           {bestTrial.values}
@@ -124,7 +127,10 @@ export const BestTrialsCard: FC<{
           flexDirection: "column",
         }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           {header}
         </Typography>
         {content}
diff --git a/optuna_dashboard/ts/components/GraphContour.tsx b/optuna_dashboard/ts/components/GraphContour.tsx
index 002950d2..1e6bbc8a 100644
--- a/optuna_dashboard/ts/components/GraphContour.tsx
+++ b/optuna_dashboard/ts/components/GraphContour.tsx
@@ -80,7 +80,10 @@ export const Contour: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Contour
         </Typography>
         {study !== null && study.directions.length !== 1 ? (
diff --git a/optuna_dashboard/ts/components/GraphEdf.tsx b/optuna_dashboard/ts/components/GraphEdf.tsx
index 0a341619..105bbb8d 100644
--- a/optuna_dashboard/ts/components/GraphEdf.tsx
+++ b/optuna_dashboard/ts/components/GraphEdf.tsx
@@ -36,7 +36,10 @@ export const GraphEdfBeta: FC<{
   }, [trials, target, domId, theme.palette.mode])
   return (
     <Box>
-      <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+      <Typography
+        variant="h6"
+        sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+      >
         {`EDF for ${target.toLabel(study?.objective_names)}`}
       </Typography>
       <Box id={domId} sx={{ height: "450px" }} />
@@ -69,7 +72,10 @@ export const GraphEdf: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           EDF
         </Typography>
         {study !== null && study.directions.length !== 1 ? (
diff --git a/optuna_dashboard/ts/components/GraphHistory.tsx b/optuna_dashboard/ts/components/GraphHistory.tsx
index bf07d281..e558c19c 100644
--- a/optuna_dashboard/ts/components/GraphHistory.tsx
+++ b/optuna_dashboard/ts/components/GraphHistory.tsx
@@ -101,7 +101,10 @@ export const GraphHistory: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           History
         </Typography>
         {targets.length >= 2 ? (
diff --git a/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx b/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
index e76d3d28..238d3d4c 100644
--- a/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
+++ b/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
@@ -48,7 +48,10 @@ export const GraphHyperparameterImportanceBeta: FC<{
   return (
     <Card>
       <CardContent>
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Hyperparameter Importance
         </Typography>
         <Box id={plotDomId} sx={{ height: graphHeight }} />
@@ -142,7 +145,10 @@ export const GraphHyperparameterImportances: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Hyperparameter importance
         </Typography>
         {study !== null && study.directions.length !== 1 ? (
diff --git a/optuna_dashboard/ts/components/GraphIntermediateValues.tsx b/optuna_dashboard/ts/components/GraphIntermediateValues.tsx
index 767113ca..60f69092 100644
--- a/optuna_dashboard/ts/components/GraphIntermediateValues.tsx
+++ b/optuna_dashboard/ts/components/GraphIntermediateValues.tsx
@@ -36,7 +36,10 @@ export const GraphIntermediateValuesBeta: FC<{
   return (
     <Card>
       <CardContent>
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Intermediate values
         </Typography>
         <Box id={plotDomId} sx={{ height: "450px" }} />
@@ -79,7 +82,10 @@ export const GraphIntermediateValues: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Intermediate values
         </Typography>
         <FormControl
diff --git a/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx b/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx
index 7b953906..314dd3ac 100644
--- a/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx
+++ b/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx
@@ -107,7 +107,10 @@ export const GraphParallelCoordinate: FC<{
           flexDirection: "column",
         }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Parallel Coordinate
         </Typography>
         {renderCheckBoxes()}
diff --git a/optuna_dashboard/ts/components/GraphParetoFront.tsx b/optuna_dashboard/ts/components/GraphParetoFront.tsx
index 54f49d0e..7300d11d 100644
--- a/optuna_dashboard/ts/components/GraphParetoFront.tsx
+++ b/optuna_dashboard/ts/components/GraphParetoFront.tsx
@@ -46,7 +46,10 @@ export const GraphParetoFront: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Pareto Front
         </Typography>
         {study !== null && study.directions.length !== 1 ? (
diff --git a/optuna_dashboard/ts/components/GraphSlice.tsx b/optuna_dashboard/ts/components/GraphSlice.tsx
index 3afd0aa6..0d2d2f90 100644
--- a/optuna_dashboard/ts/components/GraphSlice.tsx
+++ b/optuna_dashboard/ts/components/GraphSlice.tsx
@@ -90,7 +90,10 @@ export const GraphSlice: FC<{
         direction="column"
         sx={{ paddingRight: theme.spacing(2) }}
       >
-        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+        <Typography
+          variant="h6"
+          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+        >
           Slice
         </Typography>
         {study !== null && study.directions.length !== 1 && (
diff --git a/optuna_dashboard/ts/components/RenameStudyDialog.tsx b/optuna_dashboard/ts/components/RenameStudyDialog.tsx
index 4c7686e2..9e578a88 100644
--- a/optuna_dashboard/ts/components/RenameStudyDialog.tsx
+++ b/optuna_dashboard/ts/components/RenameStudyDialog.tsx
@@ -59,7 +59,10 @@ export const useRenameStudyDialog = (
         </DialogTitle>
         <DialogContent>
           <DialogContentText
-            sx={{ fontWeight: 600, marginBottom: theme.spacing(1) }}
+            sx={{
+              fontWeight: theme.typography.fontWeightBold,
+              marginBottom: theme.spacing(1),
+            }}
           >
             Please note that the study_id will be changed because this function
             internally creates a new study and copies all trials to it.
diff --git a/optuna_dashboard/ts/components/StudyDetail.tsx b/optuna_dashboard/ts/components/StudyDetail.tsx
index bf73bdd0..55400dee 100644
--- a/optuna_dashboard/ts/components/StudyDetail.tsx
+++ b/optuna_dashboard/ts/components/StudyDetail.tsx
@@ -149,7 +149,7 @@ export const StudyDetail: FC<{
             variant="h4"
             sx={{
               margin: `${theme.spacing(4)} ${theme.spacing(2)}`,
-              fontWeight: 700,
+              fontWeight: theme.typography.fontWeightBold,
               fontSize: "1.8rem",
               ...(theme.palette.mode === "dark" && {
                 color: theme.palette.primary.light,
@@ -165,7 +165,7 @@ export const StudyDetail: FC<{
               }}
             >
               <CardContent>
-                <GraphHistory study={studyDetail} isBeta={false} />
+                <GraphHistory study={studyDetail} />
               </CardContent>
             </Card>
           ) : null}
diff --git a/optuna_dashboard/ts/components/StudyDetailBeta.tsx b/optuna_dashboard/ts/components/StudyDetailBeta.tsx
index c29c154f..cf94f063 100644
--- a/optuna_dashboard/ts/components/StudyDetailBeta.tsx
+++ b/optuna_dashboard/ts/components/StudyDetailBeta.tsx
@@ -145,7 +145,11 @@ export const StudyDetailBeta: FC<{
         <HomeIcon />
       </IconButton>
       <ChevronRightIcon sx={{ marginRight: theme.spacing(1) }} />
-      <Typography variant="h5" noWrap component="div">
+      <Typography
+        noWrap
+        component="div"
+        sx={{ fontWeight: theme.typography.fontWeightBold }}
+      >
         {title}
       </Typography>
     </>
diff --git a/optuna_dashboard/ts/components/StudyHistory.tsx b/optuna_dashboard/ts/components/StudyHistory.tsx
index b15209a4..7d81f848 100644
--- a/optuna_dashboard/ts/components/StudyHistory.tsx
+++ b/optuna_dashboard/ts/components/StudyHistory.tsx
@@ -133,7 +133,10 @@ export const StudyHistory: FC<{ studyId: number }> = ({ studyId }) => {
             >
               <Typography
                 variant="h6"
-                sx={{ margin: "1em 0", fontWeight: 600 }}
+                sx={{
+                  margin: "1em 0",
+                  fontWeight: theme.typography.fontWeightBold,
+                }}
               >
                 Study User Attributes
               </Typography>