diff --git a/scm-plugins/scm-git-plugin/src/main/js/RepositoryConfig.tsx b/scm-plugins/scm-git-plugin/src/main/js/RepositoryConfig.tsx
index 3ef02306fe..a23fc5040a 100644
--- a/scm-plugins/scm-git-plugin/src/main/js/RepositoryConfig.tsx
+++ b/scm-plugins/scm-git-plugin/src/main/js/RepositoryConfig.tsx
@@ -1,7 +1,7 @@
 import React, { FormEvent } from "react";
 import { WithTranslation, withTranslation } from "react-i18next";
 import { Branch, Repository, Link } from "@scm-manager/ui-types";
-import { apiClient, BranchSelector, ErrorPage, Loading, Subtitle, SubmitButton } from "@scm-manager/ui-components";
+import { apiClient, BranchSelector, ErrorPage, Loading, Subtitle, Level, SubmitButton } from "@scm-manager/ui-components";
 
 type Props = WithTranslation & {
   repository: Repository;
@@ -143,10 +143,14 @@ class RepositoryConfig extends React.Component<Props, State> {
     }
 
     const submitButton = disabled ? null : (
-      <SubmitButton
-        label={t("scm-git-plugin.repo-config.submit")}
-        loading={submitPending}
-        disabled={!this.state.selectedBranchName}
+      <Level
+        right={
+          <SubmitButton
+            label={t("scm-git-plugin.repo-config.submit")}
+            loading={submitPending}
+            disabled={!this.state.selectedBranchName}
+          />
+        }
       />
     );
 
diff --git a/scm-ui/ui-webapp/src/repos/branches/components/BranchForm.tsx b/scm-ui/ui-webapp/src/repos/branches/components/BranchForm.tsx
index eecb1942ee..0ccd39faec 100644
--- a/scm-ui/ui-webapp/src/repos/branches/components/BranchForm.tsx
+++ b/scm-ui/ui-webapp/src/repos/branches/components/BranchForm.tsx
@@ -1,7 +1,7 @@
 import React from "react";
 import { WithTranslation, withTranslation } from "react-i18next";
 import { Repository, Branch, BranchRequest } from "@scm-manager/ui-types";
-import { Select, InputField, SubmitButton, validation as validator } from "@scm-manager/ui-components";
+import { Select, InputField, Level, SubmitButton, validation as validator } from "@scm-manager/ui-components";
 import { orderBranches } from "../util/orderBranches";
 
 type Props = WithTranslation & {
@@ -83,10 +83,14 @@ class BranchForm extends React.Component<Props, State> {
           </div>
           <div className="columns">
             <div className="column">
-              <SubmitButton
-                disabled={disabled || !this.isValid()}
-                loading={loading}
-                label={t("branches.create.submit")}
+              <Level
+                right={
+                  <SubmitButton
+                    disabled={disabled || !this.isValid()}
+                    loading={loading}
+                    label={t("branches.create.submit")}
+                  />
+                }
               />
             </div>
           </div>