diff --git a/standalone_app/src/components/PlotHistory.tsx b/standalone_app/src/components/PlotHistory.tsx
index 0b421e5a..c799ac14 100644
--- a/standalone_app/src/components/PlotHistory.tsx
+++ b/standalone_app/src/components/PlotHistory.tsx
@@ -1,6 +1,8 @@
 import * as plotly from "plotly.js-dist-min"
 import React, { ChangeEvent, FC, useEffect, useState } from "react"
 import {
+  Card,
+  CardContent,
   Grid,
   FormControl,
   FormLabel,
@@ -72,100 +74,104 @@ export const PlotHistory: FC<{
   ])
 
   return (
-    <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) }}
+    <Card>
+      <CardContent>
+        <Grid container direction="row">
+          <Grid
+            item
+            xs={3}
+            container
+            direction="column"
+            sx={{ paddingRight: 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"
-          />
-        </FormControl>
-        <FormControl
-          component="fieldset"
-          sx={{ marginBottom: theme.spacing(2) }}
-        >
-          <FormLabel component="legend">Filter state:</FormLabel>
-          <FormControlLabel
-            control={
-              <Checkbox
-                checked={!filterCompleteTrial}
-                onChange={handleFilterCompleteChange}
+            <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"
               />
-            }
-            label="Complete"
-          />
-          <FormControlLabel
-            control={
-              <Checkbox
-                checked={!filterPrunedTrial}
-                onChange={handleFilterPrunedChange}
+            </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="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>
+              <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>
   )
 }
 
diff --git a/standalone_app/src/components/PlotImportance.tsx b/standalone_app/src/components/PlotImportance.tsx
index 7303b2db..b532da66 100644
--- a/standalone_app/src/components/PlotImportance.tsx
+++ b/standalone_app/src/components/PlotImportance.tsx
@@ -59,17 +59,15 @@ export const PlotImportance: FC<{ study: Study }> = ({ study }) => {
   }, [nObjectives, importance, theme.palette.mode])
 
   return (
-    <Card>
-      <CardContent>
-        <Typography
-          variant="h6"
-          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
-        >
-          Hyperparameter Importance
-        </Typography>
-        <Box id={plotDomId} sx={{ height: "450px" }} />
-      </CardContent>
-    </Card>
+    <Box>
+      <Typography
+        variant="h6"
+        sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+      >
+        Hyperparameter Importance
+      </Typography>
+      <Box id={plotDomId} sx={{ height: "450px" }} />
+    </Box>
   )
 }
 
diff --git a/standalone_app/src/components/PlotIntermediateValues.tsx b/standalone_app/src/components/PlotIntermediateValues.tsx
index 8418cba6..3b82fb99 100644
--- a/standalone_app/src/components/PlotIntermediateValues.tsx
+++ b/standalone_app/src/components/PlotIntermediateValues.tsx
@@ -23,17 +23,15 @@ export const PlotIntermediateValues: FC<{
   }, [trials, theme.palette.mode, false, includePruned, logScale])
 
   return (
-    <Card>
-      <CardContent>
-        <Typography
-          variant="h6"
-          sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
-        >
-          Intermediate values
-        </Typography>
-        <Box id={plotDomId} sx={{ height: "450px" }} />
-      </CardContent>
-    </Card>
+    <Box>
+      <Typography
+        variant="h6"
+        sx={{ margin: "1em 0", fontWeight: theme.typography.fontWeightBold }}
+      >
+        Intermediate values
+      </Typography>
+      <Box id={plotDomId} sx={{ height: "450px" }} />
+    </Box>
   )
 }