diff --git a/apps/web/src/components/navbar/DatabaseManagement/forms/databaseForm.tsx b/apps/web/src/components/navbar/DatabaseManagement/forms/databaseForm.tsx
index 142fb97a612016c4c9547dbbf9425231cf844580..f7186f6fc4941c9636e128c60ede9ecb45a7dd98 100644
--- a/apps/web/src/components/navbar/DatabaseManagement/forms/databaseForm.tsx
+++ b/apps/web/src/components/navbar/DatabaseManagement/forms/databaseForm.tsx
@@ -47,7 +47,7 @@ export const DatabaseForm = (props: { data: SaveStateI; onChange: (data: SaveSta
   }, [formData]);
 
   return (
-    <>
+    <div className="flex flex-col gap-2">
       <Input
         type="text"
         label="Name of database connection"
@@ -187,6 +187,6 @@ export const DatabaseForm = (props: { data: SaveStateI; onChange: (data: SaveSta
           }}
         />
       </div>
-    </>
+    </div>
   );
 };