feat(settings): new settings design (#261)

1 files changed, 4 insertions, 3 deletions

diff --git a/src/components/PatchHelper.tsx b/src/components/PatchHelper.tsx
index 82b804a..0314de8 100644
--- a/src/components/PatchHelper.tsx
+++ b/src/components/PatchHelper.tsx
@@ -18,7 +18,7 @@
 
 import { debounce } from "../utils/debounce";
 import { makeCodeblock } from "../utils/misc";
-import { Button, Clipboard, Forms, Margins, Parser, React, Switch, TextInput } from "../webpack/common";
+import { Button, Clipboard, Forms, Margins, Parser, React, Switch, Text, TextInput } from "../webpack/common";
 import { search } from "../webpack/webpack";
 import { CheckedTextInput } from "./CheckedTextInput";
 import ErrorBoundary from "./ErrorBoundary";
@@ -243,7 +243,8 @@ function PatchHelper() {
     }
 
     return (
-        <>
+        <Forms.FormSection>
+            <Text variant="heading-md/normal" tag="h2" className={Margins.marginBottom8}>Patch Helper</Text>
             <Forms.FormTitle>find</Forms.FormTitle>
             <TextInput
                 type="text"
@@ -288,7 +289,7 @@ function PatchHelper() {
                     <Button onClick={() => Clipboard.copy(code)}>Copy to Clipboard</Button>
                 </>
             )}
-        </>
+        </Forms.FormSection>
     );
 }