diff --git a/e2e_tests/test_standalone/test_study_list.py b/e2e_tests/test_standalone/test_study_list.py
index 883a17e7..92320389 100644
--- a/e2e_tests/test_standalone/test_study_list.py
+++ b/e2e_tests/test_standalone/test_study_list.py
@@ -70,5 +70,5 @@ def test_load_storage(
             )
             return component_count
 
-        count = count_components(page, "MuiCardContent-root")
-        assert count == 6
+        count = count_components(page, "MuiCard-root")
+        assert count == 4
diff --git a/standalone_app/src/components/PlotHistory.tsx b/standalone_app/src/components/PlotHistory.tsx
index c799ac14..0b421e5a 100644
--- a/standalone_app/src/components/PlotHistory.tsx
+++ b/standalone_app/src/components/PlotHistory.tsx
@@ -1,8 +1,6 @@
 import * as plotly from "plotly.js-dist-min"
 import React, { ChangeEvent, FC, useEffect, useState } from "react"
 import {
-  Card,
-  CardContent,
   Grid,
   FormControl,
   FormLabel,
@@ -74,104 +72,100 @@ export const PlotHistory: FC<{
   ])
 
   return (
-    <Card>
-      <CardContent>
-        <Grid container direction="row">
-          <Grid
-            item
-            xs={3}
-            container
-            direction="column"
-            sx={{ paddingRight: theme.spacing(2) }}
+    <Grid container direction="row">
+      <Grid
+        item
+        xs={3}
+        container
+        direction="column"
+        sx={{ paddingRight: theme.spacing(2) }}
+      >
+        <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
+          History
+        </Typography>
+        {study !== null && study.directions.length !== 1 ? (
+          <FormControl
+            component="fieldset"
+            sx={{ marginBottom: theme.spacing(2) }}
           >
-            <Typography variant="h6" sx={{ margin: "1em 0", fontWeight: 600 }}>
-              History
-            </Typography>
-            {study !== null && study.directions.length !== 1 ? (
-              <FormControl
-                component="fieldset"
-                sx={{ marginBottom: theme.spacing(2) }}
-              >
-                <FormLabel component="legend">Objective ID:</FormLabel>
-                <Select value={objectiveId} onChange={handleObjectiveChange}>
-                  {study.directions.map((d, i) => (
-                    <MenuItem value={i} key={i}>
-                      {i}
-                    </MenuItem>
-                  ))}
-                </Select>
-              </FormControl>
-            ) : null}
-            <FormControl
-              component="fieldset"
-              sx={{ marginBottom: theme.spacing(2) }}
-            >
-              <FormLabel component="legend">Log y scale:</FormLabel>
-              <Switch
-                checked={logScale}
-                onChange={handleLogScaleChange}
-                value="enable"
+            <FormLabel component="legend">Objective ID:</FormLabel>
+            <Select value={objectiveId} onChange={handleObjectiveChange}>
+              {study.directions.map((d, i) => (
+                <MenuItem value={i} key={i}>
+                  {i}
+                </MenuItem>
+              ))}
+            </Select>
+          </FormControl>
+        ) : null}
+        <FormControl
+          component="fieldset"
+          sx={{ marginBottom: theme.spacing(2) }}
+        >
+          <FormLabel component="legend">Log y scale:</FormLabel>
+          <Switch
+            checked={logScale}
+            onChange={handleLogScaleChange}
+            value="enable"
+          />
+        </FormControl>
+        <FormControl
+          component="fieldset"
+          sx={{ marginBottom: theme.spacing(2) }}
+        >
+          <FormLabel component="legend">Filter state:</FormLabel>
+          <FormControlLabel
+            control={
+              <Checkbox
+                checked={!filterCompleteTrial}
+                onChange={handleFilterCompleteChange}
               />
-            </FormControl>
-            <FormControl
-              component="fieldset"
-              sx={{ marginBottom: theme.spacing(2) }}
-            >
-              <FormLabel component="legend">Filter state:</FormLabel>
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    checked={!filterCompleteTrial}
-                    onChange={handleFilterCompleteChange}
-                  />
-                }
-                label="Complete"
+            }
+            label="Complete"
+          />
+          <FormControlLabel
+            control={
+              <Checkbox
+                checked={!filterPrunedTrial}
+                onChange={handleFilterPrunedChange}
               />
-              <FormControlLabel
-                control={
-                  <Checkbox
-                    checked={!filterPrunedTrial}
-                    onChange={handleFilterPrunedChange}
-                  />
-                }
-                label="Pruned"
-              />
-            </FormControl>
-            <FormControl
-              component="fieldset"
-              sx={{ marginBottom: theme.spacing(2) }}
-            >
-              <FormLabel component="legend">X-axis:</FormLabel>
-              <RadioGroup
-                aria-label="gender"
-                name="gender1"
-                value={xAxis}
-                onChange={handleXAxisChange}
-              >
-                <FormControlLabel
-                  value="number"
-                  control={<Radio />}
-                  label="Number"
-                />
-                <FormControlLabel
-                  value="datetime_start"
-                  control={<Radio />}
-                  label="Datetime start"
-                />
-                <FormControlLabel
-                  value="datetime_complete"
-                  control={<Radio />}
-                  label="Datetime complete"
-                />
-              </RadioGroup>
-            </FormControl>
-          </Grid>
-          <Grid item xs={9}>
-            <div id={plotDomId} />
-          </Grid>
-        </Grid>
-      </CardContent>
-    </Card>
+            }
+            label="Pruned"
+          />
+        </FormControl>
+        <FormControl
+          component="fieldset"
+          sx={{ marginBottom: theme.spacing(2) }}
+        >
+          <FormLabel component="legend">X-axis:</FormLabel>
+          <RadioGroup
+            aria-label="gender"
+            name="gender1"
+            value={xAxis}
+            onChange={handleXAxisChange}
+          >
+            <FormControlLabel
+              value="number"
+              control={<Radio />}
+              label="Number"
+            />
+            <FormControlLabel
+              value="datetime_start"
+              control={<Radio />}
+              label="Datetime start"
+            />
+            <FormControlLabel
+              value="datetime_complete"
+              control={<Radio />}
+              label="Datetime complete"
+            />
+          </RadioGroup>
+        </FormControl>
+      </Grid>
+      <Grid item xs={9}>
+        <div id={plotDomId} />
+      </Grid>
+    </Grid>
   )
 }
 
diff --git a/standalone_app/src/components/PlotImportance.tsx b/standalone_app/src/components/PlotImportance.tsx
index b532da66..bc226ad7 100644
--- a/standalone_app/src/components/PlotImportance.tsx
+++ b/standalone_app/src/components/PlotImportance.tsx
@@ -1,6 +1,6 @@
 import * as plotly from "plotly.js-dist-min"
 import React, { FC, useEffect, useState } from "react"
-import { Typography, useTheme, Box, Card, CardContent } from "@mui/material"
+import { Typography, useTheme, Box } from "@mui/material"
 import init, { wasm_fanova_calculate } from "optuna"
 
 import { plotlyDarkTemplate } from "../PlotlyDarkMode"
diff --git a/standalone_app/src/components/PlotIntermediateValues.tsx b/standalone_app/src/components/PlotIntermediateValues.tsx
index 3b82fb99..b7d35132 100644
--- a/standalone_app/src/components/PlotIntermediateValues.tsx
+++ b/standalone_app/src/components/PlotIntermediateValues.tsx
@@ -1,6 +1,6 @@
 import * as plotly from "plotly.js-dist-min"
 import React, { FC, useEffect } from "react"
-import { Box, Typography, useTheme, CardContent, Card } from "@mui/material"
+import { Box, Typography, useTheme } from "@mui/material"
 import { plotlyDarkTemplate } from "../PlotlyDarkMode"
 
 const plotDomId = "graph-intermediate-values"