diff --git a/optuna_dashboard/ts/components/GraphEdf.tsx b/optuna_dashboard/ts/components/GraphEdf.tsx
index 3fd78360..a23856d3 100644
--- a/optuna_dashboard/ts/components/GraphEdf.tsx
+++ b/optuna_dashboard/ts/components/GraphEdf.tsx
@@ -9,6 +9,7 @@ import {
   Typography,
   SelectChangeEvent,
   useTheme,
+  Box,
 } from "@mui/material"
 import { plotlyDarkTemplate } from "./PlotlyDarkMode"
 
@@ -58,7 +59,17 @@ export const Edf: FC<{
       </Grid>
 
       <Grid item xs={9}>
-        <div id={plotDomId} />
+        <Box
+          id={plotDomId}
+          sx={{
+            height: "450px",
+            backgroundColor:
+              theme.palette.mode === "dark"
+                ? "rgba(256, 256, 256, 0.05)"
+                : "rgba(0, 0, 0, 0.05)",
+            borderRadius: "5px",
+          }}
+        />
       </Grid>
     </Grid>
   )
diff --git a/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx b/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
index cb2763b6..a776f4e3 100644
--- a/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
+++ b/optuna_dashboard/ts/components/GraphHyperparameterImportances.tsx
@@ -9,6 +9,7 @@ import {
   Typography,
   SelectChangeEvent,
   useTheme,
+  Box,
 } from "@mui/material"
 
 import { getParamImportances } from "../apiClient"
@@ -46,7 +47,8 @@ export const GraphHyperparameterImportances: FC<{
 }> = ({ study = null, studyId }) => {
   const theme = useTheme()
   const [objectiveId, setObjectiveId] = useState<number>(0)
-  const numOfTrials = study?.trials.length || 0
+  const numCompletedTrials =
+    study?.trials.filter((t) => t.state === "Complete").length || 0
   const [importances, setImportances] = useState<ParamImportances | null>(null)
   const { enqueueSnackbar } = useSnackbar()
 
@@ -71,10 +73,10 @@ export const GraphHyperparameterImportances: FC<{
         })
     }
 
-    if (numOfTrials > 0) {
+    if (numCompletedTrials > 0) {
       fetchParamImportances(studyId, objectiveId)
     }
-  }, [numOfTrials, objectiveId, theme.palette.mode])
+  }, [numCompletedTrials, objectiveId, theme.palette.mode])
 
   useEffect(() => {
     if (importances !== null) {
@@ -111,7 +113,17 @@ export const GraphHyperparameterImportances: FC<{
       </Grid>
 
       <Grid item xs={9}>
-        <div id={plotDomId} />
+        <Box
+          id={plotDomId}
+          sx={{
+            height: "450px",
+            backgroundColor:
+              theme.palette.mode === "dark"
+                ? "rgba(256, 256, 256, 0.05)"
+                : "rgba(0, 0, 0, 0.05)",
+            borderRadius: "5px",
+          }}
+        />
       </Grid>
     </Grid>
   )
diff --git a/optuna_dashboard/ts/components/GraphIntermediateValues.tsx b/optuna_dashboard/ts/components/GraphIntermediateValues.tsx
index 30f3801a..cf3a38ed 100644
--- a/optuna_dashboard/ts/components/GraphIntermediateValues.tsx
+++ b/optuna_dashboard/ts/components/GraphIntermediateValues.tsx
@@ -1,6 +1,6 @@
 import * as plotly from "plotly.js-dist"
 import React, { FC, useEffect } from "react"
-import { Grid, Typography, useTheme } from "@mui/material"
+import { Box, Grid, Typography, useTheme } from "@mui/material"
 import { plotlyDarkTemplate } from "./PlotlyDarkMode"
 
 const plotDomId = "graph-intermediate-values"
@@ -23,7 +23,17 @@ export const GraphIntermediateValues: FC<{
       </Grid>
 
       <Grid item xs={9}>
-        <div id={plotDomId} />
+        <Box
+          id={plotDomId}
+          sx={{
+            height: "450px",
+            backgroundColor:
+              theme.palette.mode === "dark"
+                ? "rgba(256, 256, 256, 0.05)"
+                : "rgba(0, 0, 0, 0.05)",
+            borderRadius: "5px",
+          }}
+        />
       </Grid>
     </Grid>
   )
diff --git a/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx b/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx
index 2a6e3190..8af447e2 100644
--- a/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx
+++ b/optuna_dashboard/ts/components/GraphParallelCoordinate.tsx
@@ -9,6 +9,7 @@ import {
   Typography,
   SelectChangeEvent,
   useTheme,
+  Box,
 } from "@mui/material"
 import { plotlyDarkTemplate } from "./PlotlyDarkMode"
 
@@ -59,7 +60,17 @@ export const GraphParallelCoordinate: FC<{
       </Grid>
 
       <Grid item xs={9}>
-        <div id={plotDomId} />
+        <Box
+          id={plotDomId}
+          sx={{
+            height: "450px",
+            backgroundColor:
+              theme.palette.mode === "dark"
+                ? "rgba(256, 256, 256, 0.05)"
+                : "rgba(0, 0, 0, 0.05)",
+            borderRadius: "5px",
+          }}
+        />
       </Grid>
     </Grid>
   )
diff --git a/optuna_dashboard/ts/components/GraphParetoFront.tsx b/optuna_dashboard/ts/components/GraphParetoFront.tsx
index 574e7fea..77795c6d 100644
--- a/optuna_dashboard/ts/components/GraphParetoFront.tsx
+++ b/optuna_dashboard/ts/components/GraphParetoFront.tsx
@@ -9,6 +9,7 @@ import {
   Typography,
   SelectChangeEvent,
   useTheme,
+  Box,
 } from "@mui/material"
 import { plotlyDarkTemplate } from "./PlotlyDarkMode"
 
@@ -79,7 +80,17 @@ export const GraphParetoFront: FC<{
         </Grid>
       ) : null}
       <Grid item xs={9}>
-        <div id={plotDomId} />
+        <Box
+          id={plotDomId}
+          sx={{
+            height: "450px",
+            backgroundColor:
+              theme.palette.mode === "dark"
+                ? "rgba(256, 256, 256, 0.05)"
+                : "rgba(0, 0, 0, 0.05)",
+            borderRadius: "5px",
+          }}
+        />
       </Grid>
     </Grid>
   )
diff --git a/optuna_dashboard/ts/components/GraphSlice.tsx b/optuna_dashboard/ts/components/GraphSlice.tsx
index 119d2779..5c5d1735 100644
--- a/optuna_dashboard/ts/components/GraphSlice.tsx
+++ b/optuna_dashboard/ts/components/GraphSlice.tsx
@@ -11,6 +11,7 @@ import {
   Typography,
   SelectChangeEvent,
   useTheme,
+  Box,
 } from "@mui/material"
 import { plotlyDarkTemplate } from "./PlotlyDarkMode"
 
@@ -123,7 +124,17 @@ export const GraphSlice: FC<{
         </Grid>
       </Grid>
       <Grid item xs={9}>
-        <div id={plotDomId} />
+        <Box
+          id={plotDomId}
+          sx={{
+            height: "450px",
+            backgroundColor:
+              theme.palette.mode === "dark"
+                ? "rgba(256, 256, 256, 0.05)"
+                : "rgba(0, 0, 0, 0.05)",
+            borderRadius: "5px",
+          }}
+        />
       </Grid>
     </Grid>
   )