diff --git a/scss/_modal.scss b/scss/_modal.scss
index 494db94e7eb9..ee58032ee811 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -59,8 +59,8 @@
 
   // When fading in the modal, animate it to slide down
   .modal.fade & {
-    @include transition($modal-transition);
     transform: $modal-fade-transform;
+    @include transition($modal-transition);
   }
   .modal.show & {
     transform: $modal-show-transform;
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 18791753d0ca..5e1665c35887 100644
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -499,9 +499,9 @@ legend {
   width: 100%;
   padding: 0;
   margin-bottom: $legend-margin-bottom;
-  @include font-size($legend-font-size);
   font-weight: $legend-font-weight;
   line-height: inherit;
+  @include font-size($legend-font-size);
 
   + * {
     clear: left; // 2
diff --git a/scss/_type.scss b/scss/_type.scss
index 37d64bf89c55..6961390f1e62 100644
--- a/scss/_type.scss
+++ b/scss/_type.scss
@@ -34,11 +34,11 @@
 // Type display classes
 @each $display, $font-size in $display-font-sizes {
   .display-#{$display} {
-    @include font-size($font-size);
     font-family: $display-font-family;
     font-style: $display-font-style;
     font-weight: $display-font-weight;
     line-height: $display-line-height;
+    @include font-size($font-size);
   }
 }