diff --git a/app/assets/images/folder-black.svg b/app/assets/images/folder-black.svg
index 5e997ad95..b621fb099 100644
--- a/app/assets/images/folder-black.svg
+++ b/app/assets/images/folder-black.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20"><path d="M10.3 0H0v20h26V4H12l-1.5-4h-.2z" fill="#dee0e2"/><path d="M9.1 2l1 2.7.5 1.3H24v12H2V2h7.1m1.4-2H0v20h26V4H12l-1.5-4z" fill="#0b0c0c"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="20" viewBox="0 0 26 20"><path d="M10.3 0H0v20h26V4H12l-1.5-4h-.2z" fill="#dee0e2"/><path d="M9.1 2l1 2.7.5 1.3H24v12H2V2h7.1m1.4-2H0v20h26V4H12l-1.5-4z" fill="#0b0c0c"/></svg>
diff --git a/app/assets/images/folder-blue-bold.svg b/app/assets/images/folder-blue-bold.svg
index 630bba0c6..e4a24af0c 100644
--- a/app/assets/images/folder-blue-bold.svg
+++ b/app/assets/images/folder-blue-bold.svg
@@ -1 +1 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 26 20"><path fill="#dee0e2" d="M1.2 18.8V1.3h8.4l1.5 4h13.7v13.5z"/><path d="M8.8 2.5l.9 2.4.6 1.6h13.2v11h-21v-15h6.3M10.5 0H0v20h26V4H12l-1.5-4z" fill="#005ea5"/></svg>
\ No newline at end of file
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="20" viewBox="0 0 26 20"><path fill="#dee0e2" d="M1.2 18.8V1.3h8.4l1.5 4h13.7v13.5z"/><path d="M8.8 2.5l.9 2.4.6 1.6h13.2v11h-21v-15h6.3M10.5 0H0v20h26V4H12l-1.5-4z" fill="#005ea5"/></svg>
diff --git a/app/assets/images/folder-blue.svg b/app/assets/images/folder-blue.svg
index 0f0f23a78..1d40c6608 100644
--- a/app/assets/images/folder-blue.svg
+++ b/app/assets/images/folder-blue.svg
@@ -1,14 +1 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
-<svg version="1.1" id="blue_outline" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px"
-	 y="0px" viewBox="0 0 26 20" style="enable-background:new 0 0 26 20;" xml:space="preserve">
-<style type="text/css">
-	.st0{fill:#DEE0E2;}
-	.st1{fill:#005EA5;}
-</style>
-<g>
-	<polygon class="st0" points="1,19.1 1,1 9.8,1 11.3,5 25,5 25,19.1 	"/>
-	<path class="st1" d="M9.2,1.9l1,2.8l0.5,1.2H12h12.1v12.2H1.9v-11V5.2V1.9H9.2 M10.5,0h-0.2H0v5.2v1.9V20h26V4H12L10.5,0L10.5,0z"
-		/>
-</g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="26" height="20" viewBox="0 0 26 20"><path fill="#dee0e2" d="M1 19.1V1h8.8l1.5 4H25v14.1z"/><path d="M9.2 1.9l1 2.8.5 1.2h13.4v12.2H1.9V1.9h7.3M10.5 0H0v20h26V4H12l-1.5-4z" fill="#005ea5"/></svg>
diff --git a/app/assets/stylesheets/components/pill.scss b/app/assets/stylesheets/components/pill.scss
index 06fab5f73..8258a2738 100644
--- a/app/assets/stylesheets/components/pill.scss
+++ b/app/assets/stylesheets/components/pill.scss
@@ -6,6 +6,14 @@
     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;
   }
 
   a,