diff --git a/apps/web/src/components/navbar/DatabaseManagement/forms/settings.tsx b/apps/web/src/components/navbar/DatabaseManagement/forms/settings.tsx
index 1c761a6a293617198708186c3b2b5b7b5b294722..03f75e7f9f004b9a4e91d5219393037624fb2fe1 100644
--- a/apps/web/src/components/navbar/DatabaseManagement/forms/settings.tsx
+++ b/apps/web/src/components/navbar/DatabaseManagement/forms/settings.tsx
@@ -166,43 +166,29 @@ export const SettingsForm = (props: { onClose(): void; open: 'add' | 'update'; s
             </div>
           )}
 
-          <div
-            className={`pt-4 flex flex-row gap-3 card-actions w-full justify-stretch items-center ${sampleDataPanel === true && 'hidden'}`}
-          >
-            <Button
-              variantType="primary"
-              className="flex-grow"
-              label={connection.updating ? formTitle.slice(0, -1) + 'ing...' : formTitle}
-              onClick={(event) => {
-                event.preventDefault();
-                handleSubmit();
-              }}
-              disabled={connection.updating || hasError}
-            />
-            {props.open === 'update' && (
-              <Button
-                variantType="secondary"
-                className="flex-grow"
-                label={'Clone'}
-                onClick={(event) => {
-                  handleSubmit({ ...formData, name: formData.name + ' (copy)', id: nilUUID }, true);
-                }}
-                disabled={connection.updating || hasError}
-              />
-            )}
-            <Button
-              variant="outline"
-              className="flex-grow"
-              label="Cancel"
-              disabled={props.disableCancel}
-              onClick={(event) => {
-                event.preventDefault();
-                closeDialog();
-              }}
-            />
-          </div>
-        </>
-      </DialogContent>
+        <div
+          className={`grid md:grid-cols-2 gap-3 card-actions w-full justify-stretch items-center ${sampleDataPanel === true && 'hidden'}`}
+        >
+          <Button
+            type="primary"
+            label={connection.updating ? (formTitle === 'Add' ? formTitle + 'ing...' : formTitle.slice(0, -1) + 'ing...') : formTitle}
+            onClick={(event) => {
+              event.preventDefault();
+              handleSubmit();
+            }}
+            disabled={connection.updating || hasError}
+          />
+          <Button
+            variant="outline"
+            label="Cancel"
+            disabled={props.disableCancel}
+            onClick={(event) => {
+              event.preventDefault();
+              closeDialog();
+            }}
+          />
+        </div>
+      </>
     </Dialog>
   );
 };