diff --git a/scripts/system/html/css/marketplaces.css b/scripts/system/html/css/marketplaces.css
index 0ec177ef62..0afec21919 100644
--- a/scripts/system/html/css/marketplaces.css
+++ b/scripts/system/html/css/marketplaces.css
@@ -85,10 +85,16 @@ body {
     bottom: 0;
 }
 #marketplace-navigation .glyph {
-    margin-left: 20px;
+    /*
+    // Target look but can't use font in injected script.
     font-family: HiFi-Glyphs;
-    color: #fff;
     font-size: 40px;
+    margin-left: 20px;
+    */
+    font-family: sans-serif;
+    font-size: 24px;
+    margin-left: 30px; margin-right: 8px; 
+    color: #fff;
     line-height: 50px;
 }
 #marketplace-navigation .text {
diff --git a/scripts/system/html/js/marketplacesClara.js b/scripts/system/html/js/marketplacesClara.js
index f9b75899a8..2185544769 100644
--- a/scripts/system/html/js/marketplacesClara.js
+++ b/scripts/system/html/js/marketplacesClara.js
@@ -12,19 +12,21 @@
 
 function onLoad() {
     // Supporting styles from marketplaces.css.
+    // Glyph font family, size, and spacing adjusted because HiFi-Glyphs cannot be used cross-domain.
     $("head").append(
         '<style>' +
-            '#marketplace-navigation { width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
-            '#marketplace-navigation .glyph { margin-left: 20px; font-family: HiFi-Glyphs; color: #fff; font-size: 40px; line-height: 50px; }' +
+            '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
+            '#marketplace-navigation .glyph { margin-left: 30px; margin-right: 8px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
             '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
             '#marketplace-navigation input { float: right; margin-right: 50px; margin-top: 12px; }' +
         '</style>'
     );
 
     // Supporting styles from edit-style.css.
+    // Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
     $("head").append(
         '<style>' +
-            'input[type=button] { font-family: Raleway-Bold; font-size: 13px; text-transform: uppercase; vertical-align: top; height: 28px; min-width: 120px; padding: 0px 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
+            'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 120px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
             'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
             'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
             'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
@@ -42,7 +44,7 @@ function onLoad() {
     // Marketplaces footer.
     $("body").append(
         '<div id="marketplace-navigation">' +
-            '<span class="glyph">[</span> <span class="text">Check out other marketplaces.</span>' +
+            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
             '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
         '</div>'
     );
diff --git a/scripts/system/html/js/marketplacesHiFi.js b/scripts/system/html/js/marketplacesHiFi.js
index a84dc0779c..0bfa0fc706 100644
--- a/scripts/system/html/js/marketplacesHiFi.js
+++ b/scripts/system/html/js/marketplacesHiFi.js
@@ -12,19 +12,21 @@
 
 function onLoad() {
     // Supporting styles from marketplaces.css.
+    // Glyph font family, size, and spacing adjusted because HiFi-Glyphs cannot be used cross-domain.
     $("head").append(
         '<style>' +
-            '#marketplace-navigation { width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
-            '#marketplace-navigation .glyph { margin-left: 20px; font-family: HiFi-Glyphs; color: #fff; font-size: 40px; line-height: 50px; }' +
+            '#marketplace-navigation { font-family: Arial, Helvetica, sans-serif; width: 100%; height: 50px; background: #00b4ef; position: fixed; bottom: 0; }' +
+            '#marketplace-navigation .glyph { margin-left: 30px; margin-right: 8px; font-family: sans-serif; color: #fff; font-size: 24px; line-height: 50px; }' +
             '#marketplace-navigation .text { color: #fff; font-size: 18px; line-height: 50px; vertical-align: top; position: relative; top: 1px; }' +
             '#marketplace-navigation input { float: right; margin-right: 50px; margin-top: 12px; }' +
         '</style>'
     );
 
     // Supporting styles from edit-style.css.
+    // Font family, size, and position adjusted because Raleway-Bold cannot be used cross-domain.
     $("head").append(
         '<style>' +
-            'input[type=button] { font-family: Raleway-Bold; font-size: 13px; text-transform: uppercase; vertical-align: top; height: 28px; min-width: 120px; padding: 0px 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
+            'input[type=button] { font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; text-transform: uppercase; vertical-align: center; height: 28px; min-width: 120px; padding: 0 18px; margin-right: 6px; border-radius: 5px; border: none; color: #fff; background-color: #000; background: linear-gradient(#343434 20%, #000 100%); cursor: pointer; }' +
             'input[type=button].white { color: #121212; background-color: #afafaf; background: linear-gradient(#fff 20%, #afafaf 100%); }' +
             'input[type=button].white:enabled:hover { background: linear-gradient(#fff, #fff); border: none; }' +
             'input[type=button].white:active { background: linear-gradient(#afafaf, #afafaf); }' +
@@ -34,7 +36,7 @@ function onLoad() {
     // Marketplaces footer.
     $("body").append(
         '<div id="marketplace-navigation">' +
-            '<span class="glyph">[</span> <span class="text">Check out other marketplaces.</span>' +
+            '<span class="glyph">&#x1f6c8;</span> <span class="text">Check out other marketplaces.</span>' +
             '<input id="all-markets" type="button" class="white" value="See All Markets" />' +
         '</div>'
     );
diff --git a/scripts/system/html/marketplaces.html b/scripts/system/html/marketplaces.html
index b2cfb359d0..8b60cae838 100644
--- a/scripts/system/html/marketplaces.html
+++ b/scripts/system/html/marketplaces.html
@@ -50,7 +50,7 @@
             </div>
         </div>
         <div id="marketplace-navigation">
-            <span class="glyph">[</span> <span class="text">Select a marketplace to explore.</span>
+            <span class="glyph">&#x1f6c8;</span> <span class="text">Select a marketplace to explore.</span>
             <!--<input id="all-markets" type="button" class="white" value="See All Markets" />-->
         </div>
     </body>