diff --git a/optuna_dashboard/ts/components/StudyList.tsx b/optuna_dashboard/ts/components/StudyList.tsx
index 49d5c191..f5071497 100644
--- a/optuna_dashboard/ts/components/StudyList.tsx
+++ b/optuna_dashboard/ts/components/StudyList.tsx
@@ -152,7 +152,7 @@ export const StudyList: FC<{
           to={`${URL_PREFIX}/studies/${study.study_id}`}
         >
           <CardContent>
-            <Typography variant="h5">
+            <Typography variant="h5" sx={{ wordBreak: "break-all" }}>
               {study.study_id}. {study.study_name}
             </Typography>
             <Typography
diff --git a/standalone_app/src/components/StudyList.tsx b/standalone_app/src/components/StudyList.tsx
index d90717c9..4119747f 100644
--- a/standalone_app/src/components/StudyList.tsx
+++ b/standalone_app/src/components/StudyList.tsx
@@ -183,7 +183,7 @@ export const StudyList: FC<{
             >
               <CardActionArea component={Link} to={`/${idx}`}>
                 <CardContent>
-                  <Typography variant="h5">
+                  <Typography variant="h5" sx={{ wordBreak: "break-all" }}>
                     {study.study_id}. {study.study_name}
                   </Typography>
                   <Typography