diff --git a/assets/javascripts/discourse/templates/components/donation-form.hbs b/assets/javascripts/discourse/templates/components/donation-form.hbs
index 871223a..68b05a9 100644
--- a/assets/javascripts/discourse/templates/components/donation-form.hbs
+++ b/assets/javascripts/discourse/templates/components/donation-form.hbs
@@ -34,7 +34,7 @@
     <div class="section-column">
       <h3>{{i18n 'discourse_patrons.your_information'}}</h3>
 
-      <div class="user-controls">
+      <div class="user-controls discource-patrons-fields">
         <div class="display-row">
           <div class="field">
             {{i18n 'discourse_patrons.amount'}}
@@ -44,7 +44,6 @@
             {{combo-box valueAttribute="value" content=amounts value=amount}}
           </div>
         </div>
-
         <div class="display-row">
           <div class="field">
             {{i18n 'discourse_patrons.billing.name'}}
diff --git a/assets/stylesheets/common/discourse-patrons.scss b/assets/stylesheets/common/discourse-patrons.scss
index 020703d..5cd1b36 100644
--- a/assets/stylesheets/common/discourse-patrons.scss
+++ b/assets/stylesheets/common/discourse-patrons.scss
@@ -43,6 +43,12 @@
   background-color: $primary-low;
 }
 
+.discource-patrons-fields {
+  .field {
+    width: 25%;
+  }
+}
+
 #card-action {
   margin: 20px 0;
 }
diff --git a/test/javascripts/components/donation-form-test.es6 b/test/javascripts/components/donation-form-test.es6
index bbffb30..120f765 100644
--- a/test/javascripts/components/donation-form-test.es6
+++ b/test/javascripts/components/donation-form-test.es6
@@ -36,11 +36,11 @@ componentTest("donation form has a confirmation", {
   async test(assert) {
     this.set("confirmation", { card: { last4: "4242" } });
 
-    const confirmExists = find(".discourse-donations-confirmation").length;
+    const confirmExists = find(".discourse-patrons-confirmation").length;
 
     assert.ok(confirmExists, "The confirmation form renders");
 
-    const last4 = find(".discourse-donations-last4")
+    const last4 = find(".discourse-patrons-last4")
       .text()
       .trim();