diff --git a/app/common/directives/firmware-list.html b/app/common/directives/firmware-list.html
index e243247..d7d3385 100644
--- a/app/common/directives/firmware-list.html
+++ b/app/common/directives/firmware-list.html
@@ -25,7 +25,7 @@
 				<div class="table__cell">
 					<span class="table__cell-label">Boot priority:</span>
 					<div class="icon icon__up-arrow icon-as-spacer" aria-hidden="true">
-						<span class="accessible-text">firmware down in priority</span></div>
+						<span class="accessible-text">firmware up in priority</span></div>
 					<div class="icon icon__down-arrow" aria-hidden="true">
 						<span class="accessible-text">firmware down in priority</span></div>
 				</div>
diff --git a/app/common/styles/base/icons.scss b/app/common/styles/base/icons.scss
index 2c803d2..e7f9728 100644
--- a/app/common/styles/base/icons.scss
+++ b/app/common/styles/base/icons.scss
@@ -93,27 +93,16 @@
 }
 
 .icon__up-arrow {
-  margin-right: 1em;
-  &:before {
-    content: '\029C0';
-    position: absolute;
-    font-size: 3em;
-    left: 0;
-    top: -50%;
-    transform: rotate(90deg);
-  }
-  &.hide {
-    text-align: -9999px;
+  margin-right: .4em;
+  margin-bottom: -15px;
+  background: url(/assets/images/icon-arrow-blue.svg) center center no-repeat;
+  height: 40px;
+  width: 30px;
+  &.icon-as-spacer {
+    background: url(/assets/images/icon-arrow-gray.svg) center center no-repeat;
   }
 }
 .icon__down-arrow {
-  margin-right: 1em;
-  &:before {
-    content: '\029C0';
-    position: absolute;
-    font-size: 3em;
-    left: -4px;
-    top: -50%;
-    transform: rotate(-90deg);
-  }
+  @extend .icon__up-arrow;
+  transform: rotate(180deg);
 }
\ No newline at end of file