diff --git a/packages/ui/src/components/internal/Root.svelte b/packages/ui/src/components/internal/Root.svelte
index 0d7c49b783..bfc17fe03f 100644
--- a/packages/ui/src/components/internal/Root.svelte
+++ b/packages/ui/src/components/internal/Root.svelte
@@ -79,6 +79,7 @@
     .status-bar {
       min-height: $status-bar-height;
       min-width: 1200px;
+      font-size: 14px;
 
       .container {
         display: flex;
@@ -95,13 +96,12 @@
           display: flex;
           align-items: center;
           flex-direction: row-reverse;
+          color: var(--theme-content-color);
 
           .clock {
             margin: 0 40px 0 24px;
             font-weight: 500;
             font-size: 12px;
-            color: var(--theme-caption-color);
-            opacity: 0.3;
             user-select: none;
           }
           .widget {
@@ -110,7 +110,7 @@
             justify-content: center;
             width: 32px;
             height: 32px;
-            opacity: 0.3;
+            opacity: .3;
           }
         }
       }