diff --git a/light9/web/timeline/timeline-elements.html b/light9/web/timeline/timeline-elements.html
--- a/light9/web/timeline/timeline-elements.html
+++ b/light9/web/timeline/timeline-elements.html
@@ -179,16 +179,25 @@
      :host {
          display: block;
      }
-      div {
-          width: 100%;
-          height: 31px;
-      }
-      svg {
-          width: 100%;
-          height: 30px;
-      }
+     div {
+         width: 100%;
+         height: 31px;
+     }
+     svg {
+         width: 100%;
+         height: 30px;
+     }
     </style>
     <svg id="timeAxis" xmlns="http://www.w3.org/2000/svg">
+      <style>
+       text  {
+           fill: white;
+           color: white;
+           font-size: 135%;
+           font-weight: bold;
+       }
+       
+      </style>
       <g id="axis" transform="translate(0,30)"></g>    
     </svg>
   </template>