diff --git a/optuna_dashboard/ts/components/Artifact/ArtifactCardMedia.tsx b/optuna_dashboard/ts/components/Artifact/ArtifactCardMedia.tsx
index 7ea83290..c242fdb3 100644
--- a/optuna_dashboard/ts/components/Artifact/ArtifactCardMedia.tsx
+++ b/optuna_dashboard/ts/components/Artifact/ArtifactCardMedia.tsx
@@ -67,5 +67,5 @@ export const ArtifactCardMedia: FC<{
       />
     )
   }
-  return <InsertDriveFileIcon sx={{ fontSize: 80 }} />
+  return <InsertDriveFileIcon sx={{ fontSize: 80, flexGrow: 1 }} />
 }
diff --git a/optuna_dashboard/ts/components/Artifact/TrialArtifactCards.tsx b/optuna_dashboard/ts/components/Artifact/TrialArtifactCards.tsx
index 16171cb5..e182988d 100644
--- a/optuna_dashboard/ts/components/Artifact/TrialArtifactCards.tsx
+++ b/optuna_dashboard/ts/components/Artifact/TrialArtifactCards.tsx
@@ -66,6 +66,9 @@ export const TrialArtifactCards: FC<{ trial: Trial }> = ({ trial }) => {
                 marginBottom: theme.spacing(2),
                 width: width,
                 margin: theme.spacing(0, 1, 1, 0),
+                display: "flex",
+                flexDirection: "column",
+                alignItems: "center",
               }}
             >
               <ArtifactCardMedia
@@ -84,7 +87,7 @@ export const TrialArtifactCards: FC<{ trial: Trial }> = ({ trial }) => {
                   sx={{
                     p: theme.spacing(0.5, 0),
                     flexGrow: 1,
-                    wordWrap: "break-word",
+                    wordBreak: "break-all",
                     maxWidth: `calc(100% - ${theme.spacing(
                       4 +
                         (isThreejsArtifact(artifact) ? 4 : 0) +