diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss
index 5a35c73e0..8258a2738 100644
--- a/app/assets/stylesheets/components/pill.scss
+++ b/app/assets/stylesheets/components/pill.scss
@@ -6,6 +6,13 @@
     width: 25%;
     flex-grow: 1;
     text-align: left;
+
+    /*
+      For browsers that don’t support flexbox, use float instead.
+      Float does not create floating of flex item, and do not take it
+      out-of-flow. So this is ignored by browsers that support flexbox.
+      See: https://www.w3.org/TR/css-flexbox-1/#flex-containers
+    */
     float: left;
   }