diff --git a/CHANGELOG.md b/CHANGELOG.md
index bed11a683a8..134488db1f0 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -16,6 +16,7 @@
 
 - Wrap long lines of text within the body of `EuiToast` instead of letting text overflow ([#392](https://github.com/elastic/eui/pull/392))
 - Fix dark theme coloring of Substeps ([#396](https://github.com/elastic/eui/pull/396))
+- Reorder selectors to fix fixed progress bar in Firefox ([#404](https://github.com/elastic/eui/pull/404))
 
 # [`0.0.20`](https://github.com/elastic/eui/tree/v0.0.20)
 
diff --git a/src/components/progress/_progress.scss b/src/components/progress/_progress.scss
index 71559b79a16..9c7010c6b83 100644
--- a/src/components/progress/_progress.scss
+++ b/src/components/progress/_progress.scss
@@ -58,6 +58,33 @@ $euiProgressSizes: (
   }
 }
 
+// Progress bars can be set to fixed or absolute.
+.euiProgress--fixed {
+  position: fixed;
+}
+
+.euiProgress--absolute {
+  position: absolute;
+}
+
+.euiProgress--fixed,
+.euiProgress--absolute {
+  top: 0;
+  left: 0;
+  right: 0;
+  background-color: transparent;
+
+  &.euiProgress--native {
+    &::-webkit-progress-bar {
+      background-color: transparent;
+    }
+
+    &::-moz-progress-bar {
+      background-color: transparent;
+    }
+  }
+}
+
 // Progress bars come in different colors.
 $euiProgressColors: (
   primary: $euiColorPrimary,
@@ -87,33 +114,6 @@ $euiProgressColors: (
   }
 }
 
-// Progress bars can be set to fixed or absolute.
-.euiProgress--fixed {
-  position: fixed;
-}
-
-.euiProgress--absolute {
-  position: absolute;
-}
-
-.euiProgress--fixed,
-.euiProgress--absolute {
-  top: 0;
-  left: 0;
-  right: 0;
-  background-color: transparent;
-
-  &.euiProgress--native {
-    &::-webkit-progress-bar {
-      background-color: transparent;
-    }
-
-    &::-moz-progress-bar {
-      background-color: transparent;
-    }
-  }
-}
-
 @keyframes euiProgress {
   0% {
     transform: scaleX(1) translateX(-100%);