diff --git a/src/ui/pages/Settings/Settings.tsx b/src/ui/pages/Settings/Settings.tsx
index a6f1f06..f4038e7 100644
--- a/src/ui/pages/Settings/Settings.tsx
+++ b/src/ui/pages/Settings/Settings.tsx
@@ -1,6 +1,7 @@
 import { Component } from "preact";
 import { DefaultPageProps } from "../../../types/DefaultPageProps";
 import { GeneralSettings } from "./GeneralSettings";
+import { Grid, GridSizes } from "../../elements/Grid";
 import { KeyValueEditorSettings } from "./KeyValueEditorSettings";
 import { PageTitle } from "../../elements/PageTitle";
 import i18next from "i18next";
@@ -10,12 +11,14 @@ export class Settings extends Component<DefaultPageProps> {
     return (
       <>
         <PageTitle title={i18next.t("settings_title")} />
-        <div>
-          <GeneralSettings {...this.props} />
-        </div>
-        <div>
-          <KeyValueEditorSettings {...this.props} />
-        </div>
+        <Grid size={GridSizes.NORMAL}>
+          <div>
+            <GeneralSettings {...this.props} />
+          </div>
+          <div>
+            <KeyValueEditorSettings {...this.props} />
+          </div>
+        </Grid>
       </>
     );
   }