diff --git a/app/static/styles.css b/app/static/styles.css
index 48223ce..b234ca6 100644
--- a/app/static/styles.css
+++ b/app/static/styles.css
@@ -168,12 +168,12 @@ h1 {
     background-color: #0b6e31; 
     padding: 1.5%;
     border-radius: 5px;
-    font-size: 80%;
+    font-size: 0.72rem;
     color: #fff; 
     font-weight: bolder; 
     z-index: 1; 
-    width: 7.2%;
-    height: 7.5%;
+    width: 7%;
+    height: 7%;
     display: flex; 
     justify-content: space-evenly;
     align-items: center;
@@ -182,23 +182,23 @@ h1 {
 .live-time {
     position: absolute;
     top: 4%;
-    left: 16%; 
+    left: 15%; 
     background-color: #444; 
     padding: 1.5%;
     border-radius: 5px;
-    font-size: 80%;
+    font-size: 0.75rem;
     color: #ddd; 
     z-index: 1; 
     display: flex; 
     justify-content: space-evenly;
     align-items: center;
     width: 10%;
-    height: 7.5%;
+    height: 7%;
 }
 
 .live-state-intermission {
     position: absolute;
-    top: 5%;
+    top: 4%;
     left: 4%; 
     background-color: #444;
     padding: 1.5%;
@@ -207,8 +207,8 @@ h1 {
     color: #fff;
     font-weight: bolder;
     z-index: 1;
-    width: 13%;
-    height: 7.5%;
+    width: 11%;
+    height: 8.5%;
     display: flex;
     justify-content: space-evenly;
     align-items: center;
@@ -216,16 +216,16 @@ h1 {
 
 .live-time-intermission {
     position: absolute;
-    top: 5%;
-    left: 21.5%;
+    top: 4%;
+    left: 19%;
     background-color: #444;
     padding: 1.5%;
     border-radius: 5px;
-    font-size: 80%;
+    font-size: 0.75rem;
     color: #ddd;
     z-index: 1;
-    width: 12.5%;
-    height: 7.5%;
+    width: 10%;
+    height: 8.5%;
     display: flex;
     justify-content: space-evenly;
     align-items: center;