diff --git a/dashboard-ui/css/card.css b/dashboard-ui/css/card.css
index 7b9c9192f5..e63037c580 100644
--- a/dashboard-ui/css/card.css
+++ b/dashboard-ui/css/card.css
@@ -47,14 +47,14 @@
     margin: 4px;
 }
 
-@media all and (max-width: 600px) {
+@media all and (max-width: 500px) {
 
     .cardBox {
         margin: 1px;
     }
 }
 
-@media all and (min-width: 800px) {
+@media all and (min-width: 500px) {
 
     .cardImage {
         border-radius: 3px;
diff --git a/dashboard-ui/css/site.css b/dashboard-ui/css/site.css
index a8c688dfdb..1bd99b281f 100644
--- a/dashboard-ui/css/site.css
+++ b/dashboard-ui/css/site.css
@@ -278,7 +278,7 @@ html {
     margin: 0;
     padding: 0;
     height: 100%;
-    font-family: 'San Francisco', 'Helvetica Neue', 'Open Sans', 'Segoe UI', sans-serif;
+    font-family: 'San Francisco', 'Helvetica Neue', Roboto, 'Open Sans', 'Segoe UI', sans-serif;
     font-size: 14px;
 }
 
diff --git a/dashboard-ui/scripts/site.js b/dashboard-ui/scripts/site.js
index 4aafc59656..2c1036eb7a 100644
--- a/dashboard-ui/scripts/site.js
+++ b/dashboard-ui/scripts/site.js
@@ -2310,9 +2310,10 @@ var AppInfo = {};
 
             postInitDependencies.push('components/remotecontrolautoplay');
 
-            // Prefer OpenSans over Segoe if on desktop windows
+            // Prefer custom font over Segoe if on desktop windows
             if (!browserInfo.mobile && navigator.userAgent.toLowerCase().indexOf('windows') != -1) {
-                postInitDependencies.push('opensansFont');
+                //postInitDependencies.push('opensansFont');
+                postInitDependencies.push('robotoFont');
             }
 
             require(postInitDependencies);