diff --git a/src/components/BlockViewer.js b/src/components/BlockViewer.js
index fa74a17..51ce262 100644
--- a/src/components/BlockViewer.js
+++ b/src/components/BlockViewer.js
@@ -14,7 +14,7 @@ const Block = (obj) => {
         <h2 style={{ margin: 0, padding: '0.2em', cursor: 'alias' }}>🔗</h2>
       </a>
       <span className="rowAlignRight elipsText">
-        <p className="darkText">UTC&nbsp;📅{thisDate} - {thisTime.split('.')[0]} </p>
+        <p className="darkText mobileSmallerFont">UTC&nbsp;📅{thisDate} - {thisTime.split('.')[0]} </p>
       </span>
     </div>
   )
diff --git a/src/style.css b/src/style.css
index fb2979d..27bfe71 100644
--- a/src/style.css
+++ b/src/style.css
@@ -554,7 +554,10 @@ svg {
   left: 2px;
 }
 
-@media (max-aspect-ratio: 1/1) {
+@media (max-aspect-ratio: 3/2) {
+  .mobileSmallerFont{
+    font-size: xx-small;
+  }
   .fullGrafana {
     width: calc(100vw - 2em);
   }
@@ -601,7 +604,7 @@ svg {
   .elipsOnMobileExtra {
     text-overflow: ellipsis;
     overflow: hidden;
-    width: 10vw;
+    width: 12vw;
     text-align: start;
   }
   .mobileNoPadding {