diff --git a/css/commerce_discount.css b/css/commerce_discount.css
index 69bd2ab..4da2e5c 100644
--- a/css/commerce_discount.css
+++ b/css/commerce_discount.css
@@ -132,6 +132,11 @@
   margin: 0;
   padding: 0;
 }
+.field-name-commerce-discount-offer:after {
+  content: "";
+  display: table;
+  clear: both;
+}
 .field-name-commerce-discount-offer .form-item-commerce-discount-fields-commerce-discount-offer-und-form-type label {
   border-bottom: 1px solid #ccc;
 }
@@ -196,10 +201,15 @@
 [dir="rtl"] .field-name-commerce-discount-offer .form-item-commerce-discount-fields-commerce-discount-offer-und-form-type .form-radios label {
   padding-right: 0;
 }
-[dir="ltr"] .field-name-commerce-discount-offer .f {
+.field-name-commerce-discount-offer .ief-form > .fieldset-wrapper:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+[dir="ltr"] .field-name-commerce-discount-offer .ief-form > .fieldset-wrapper > .form-type-radios, [dir="ltr"] .field-name-commerce-discount-offer .ief-form > .fieldset-wrapper > .commerce-offer-fields-wrapper {
   float: left;
 }
-[dir="rtl"] .field-name-commerce-discount-offer .f {
+[dir="rtl"] .field-name-commerce-discount-offer .ief-form > .fieldset-wrapper > .form-type-radios, [dir="rtl"] .field-name-commerce-discount-offer .ief-form > .fieldset-wrapper > .commerce-offer-fields-wrapper {
   float: right;
 }
 .field-name-commerce-discount-offer .form-wrapper .form-wrapper .form-item {
@@ -381,8 +391,7 @@
 .view-commerce-discount-overview .views-table {
   border: none;
 }
-.view-commerce-discount-overview .views-table tr,
-.view-commerce-discount-overview .views-table td {
+.view-commerce-discount-overview .views-table tr, .view-commerce-discount-overview .views-table td {
   border: none;
 }
 .view-commerce-discount-overview .views-table th {
diff --git a/scss/_mixins.scss b/scss/_mixins.scss
index 8243c89..1f73081 100644
--- a/scss/_mixins.scss
+++ b/scss/_mixins.scss
@@ -18,6 +18,15 @@ $azure: #d2eeff;
   padding: 0;
 }
 
+// https://css-tricks.com/snippets/css/clear-fix/
+@mixin clearfix {
+  &:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+}
+
 @mixin btn {
   color: black;
   border-radius: 5px;
diff --git a/scss/commerce_discount.scss b/scss/commerce_discount.scss
index 5ecf4fb..35b0808 100644
--- a/scss/commerce_discount.scss
+++ b/scss/commerce_discount.scss
@@ -113,6 +113,8 @@
  * Choose offer type block.
  */
 .field-name-commerce-discount-offer {
+  // Help with floaties inside.
+  @include clearfix;
   border: none;
   margin: 0;
   padding: 0;
@@ -167,12 +169,17 @@
     }
   }
 
-  .f {
-    [dir="ltr"] & {
-      float: left;
-    }
-    [dir="rtl"] & {
-      float: right;
+  // The two columns for the offer type.
+  .ief-form > .fieldset-wrapper {
+    @include clearfix;
+    & > .form-type-radios,
+    & > .commerce-offer-fields-wrapper {
+      [dir="ltr"] & {
+        float: left;
+      }
+      [dir="rtl"] & {
+        float: right;
+      }
     }
   }