From 8c2c930153e0a271acf4896276b820c1ad6c0b8b Mon Sep 17 00:00:00 2001
From: Elias Schneider <login@eliasschneider.com>
Date: Tue, 11 Oct 2022 08:55:30 +0200
Subject: [PATCH] fix: security accerdion

---
 .../share/CreateUploadModalBody.tsx           | 41 +++++++++----------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/share/CreateUploadModalBody.tsx b/frontend/src/components/share/CreateUploadModalBody.tsx
index 1e231a462..659f5a84d 100644
--- a/frontend/src/components/share/CreateUploadModalBody.tsx
+++ b/frontend/src/components/share/CreateUploadModalBody.tsx
@@ -114,27 +114,26 @@ const CreateUploadModalBody = ({
           ]}
         />
         <Accordion>
-          <Accordion.Item
-            value="Security options"
-            sx={{ borderBottom: "none" }}
-          >
-            <Stack align="stretch">
-              <PasswordInput
-                variant="filled"
-                placeholder="No password"
-                label="Password protection"
-                {...form.getInputProps("password")}
-              />
-
-              <NumberInput
-                min={1}
-                type="number"
-                variant="filled"
-                placeholder="No limit"
-                label="Maximal views"
-                {...form.getInputProps("maxViews")}
-              />
-            </Stack>
+          <Accordion.Item value="security" sx={{ borderBottom: "none" }}>
+            <Accordion.Control>Security options</Accordion.Control>
+            <Accordion.Panel>
+              <Stack align="stretch">
+                <PasswordInput
+                  variant="filled"
+                  placeholder="No password"
+                  label="Password protection"
+                  {...form.getInputProps("password")}
+                />
+                <NumberInput
+                  min={1}
+                  type="number"
+                  variant="filled"
+                  placeholder="No limit"
+                  label="Maximal views"
+                  {...form.getInputProps("maxViews")}
+                />
+              </Stack>
+            </Accordion.Panel>
           </Accordion.Item>
         </Accordion>
         <Button type="submit">Share</Button>