diff --git a/optuna_dashboard/static/components/HyperparameterImportances.tsx b/optuna_dashboard/static/components/HyperparameterImportances.tsx
index 1af1c1ea1..99280bf6a 100644
--- a/optuna_dashboard/static/components/HyperparameterImportances.tsx
+++ b/optuna_dashboard/static/components/HyperparameterImportances.tsx
@@ -26,7 +26,8 @@ const distributionColors = {
 }
 
 export const HyperparameterImportances: FC<{
-  studyId: number, numOfTrials: number
+  studyId: number
+  numOfTrials: number
 }> = ({ studyId, numOfTrials = 0 }) => {
   useEffect(() => {
     async function fetchAndPlotParamImportances(studyId: number) {
diff --git a/optuna_dashboard/static/components/StudyDetail.tsx b/optuna_dashboard/static/components/StudyDetail.tsx
index 154a6bf0a..2b42afcab 100644
--- a/optuna_dashboard/static/components/StudyDetail.tsx
+++ b/optuna_dashboard/static/components/StudyDetail.tsx
@@ -202,7 +202,10 @@ export const StudyDetail: FC = () => {
               <Grid item xs={6}>
                 <Card className={classes.card}>
                   <CardContent>
-                    <HyperparameterImportances studyId={studyIdNumber} numOfTrials={trials.length}/>
+                    <HyperparameterImportances
+                      studyId={studyIdNumber}
+                      numOfTrials={trials.length}
+                    />
                   </CardContent>
                 </Card>
               </Grid>