diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/CSS/Own.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/CSS/Own.hs
index 1aa439fe095..0e939761729 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/CSS/Own.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/CSS/Own.hs
@@ -177,7 +177,7 @@ span[data-tooltip] {
 }
 
 .rt-view-logs-input {
-  max-width: 150px;
+  max-width: 200px;
 }
 
 .rt-view-error-msg-input {
@@ -317,6 +317,30 @@ span[data-tooltip] {
   margin-top: 5px;
 }
 
+.dark .rt-view-info-icon-on-button svg {
+  width: 20px;
+  color: whitesmoke;
+  margin-top: 6px;
+}
+
+.dark .rt-view-leader-icon-on-button svg {
+  width: 20px;
+  color: whitesmoke;
+  margin-top: 7px;
+}
+
+.dark .rt-view-leader-icon-2-on-button svg {
+  width: 14px;
+  color: whitesmoke;
+  margin-top: 7px;
+}
+
+.dark .rt-view-leader-icon-3-on-button svg {
+  width: 11px;
+  color: whitesmoke;
+  margin-top: 7px;
+}
+
 .dark .rt-view-show-hide-pass-icon svg {
   width: 20px;
   cursor: pointer;
@@ -722,6 +746,30 @@ span[data-tooltip] {
   margin-top: 5px;
 }
 
+.light .rt-view-info-icon-on-button svg {
+  width: 20px;
+  color: whitesmoke;
+  margin-top: 6px;
+}
+
+.light .rt-view-leader-icon-on-button svg {
+  width: 20px;
+  color: whitesmoke;
+  margin-top: 7px;
+}
+
+.light .rt-view-leader-icon-2-on-button svg {
+  width: 14px;
+  color: whitesmoke;
+  margin-top: 7px;
+}
+
+.light .rt-view-leader-icon-3-on-button svg {
+  width: 11px;
+  color: whitesmoke;
+  margin-top: 7px;
+}
+
 .light .rt-view-show-hide-pass-icon svg {
   width: 20px;
   cursor: pointer;
diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Body.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Body.hs
index 6c0ad816521..a7e34937259 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Body.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Body.hs
@@ -146,19 +146,9 @@ mkPageBody tracerEnv networkConfig dsIxs = do
                               ]
                           ]
                       , UI.mkElement "tbody" #+
-                          [ UI.tr ## "node-version-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" versionSVG
-                                         , string "Version"
-                                         ]
-                              ]
-                          , UI.tr ## "node-commit-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" commitSVG
-                                         , string "Commit"
-                                         ]
-                              ]
-                          , UI.tr ## "node-protocol-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" protocolSVG
-                                         , string "Protocol"
+                          [ UI.tr ## "node-basic-info-row" #+
+                              [ UI.td #+ [ image "rt-view-overview-icon" infoSVG
+                                         , string "Basic info"
                                          ]
                               ]
                           , UI.tr ## "node-era-row" #+
@@ -174,19 +164,19 @@ mkPageBody tracerEnv networkConfig dsIxs = do
                                                                     <> " It can be outdated because of node's out of sync!")
                                          ]
                               ]
+                          , UI.tr ## "node-block-replay-row" #+
+                              [ UI.td #+ [ image "rt-view-overview-icon" blocksSVG
+                                         , string "Block replay"
+                                         ]
+                              ]
                           , UI.tr ## "node-sync-row" #+
                               [ UI.td #+ [ image "rt-view-overview-icon" refreshSVG
                                          , string "Sync"
                                          ]
                               ]
-                          , UI.tr ## "node-system-start-time-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" systemStartSVG
-                                         , string "Blockchain start"
-                                         ]
-                              ]
                           , UI.tr ## "node-start-time-row" #+
                               [ UI.td #+ [ image "rt-view-overview-icon" startSVG
-                                         , string "Node start"
+                                         , string "Start time"
                                          ]
                               ]
                           , UI.tr ## "node-uptime-row" #+
@@ -199,11 +189,6 @@ mkPageBody tracerEnv networkConfig dsIxs = do
                                          , string "Logs"
                                          ]
                               ]
-                          , UI.tr ## "node-block-replay-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" blocksSVG
-                                         , string "Block replay"
-                                         ]
-                              ]
                           --, UI.tr ## "node-chunk-validation-row" #+
                           --    [ UI.td #+ [ image "rt-view-overview-icon" dbSVG
                           --               , string "Chunk validation"
@@ -225,56 +210,18 @@ mkPageBody tracerEnv networkConfig dsIxs = do
                                          ]
                               ]
                           , UI.tr ## "node-leadership-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" leaderSVG
+                              [ UI.td #+ [ image "rt-view-overview-icon" firstSVG
                                          , string "Leadership"
-                                         , image "has-tooltip-multiline has-tooltip-right rt-view-what-icon" whatSVG
-                                                 # set dataTooltip "How many times this node was leader"
                                          ]
                               ]
-                          , UI.tr ## "node-forged-blocks-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" forgeSVG
-                                         , string "Forged blocks"
-                                         , image "has-tooltip-multiline has-tooltip-right rt-view-what-icon" whatSVG
-                                                 # set dataTooltip "How many blocks did forge by this node"
+                          , UI.tr ## "node-kes-row" #+
+                              [ UI.td #+ [ image "rt-view-overview-icon" kesSVG
+                                         , string "KES"
                                          ]
                               ]
-                          , UI.tr ## "node-cannot-forge-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" notForgeSVG
-                                         , string "Cannot forge"
-                                         , image "has-tooltip-multiline has-tooltip-right rt-view-what-icon" whatSVG
-                                                 # set dataTooltip "How many times this node could not forge"
-                                         ]
-                              ]
-                          , UI.tr ## "node-missed-slots-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" missedSVG
-                                         , string "Missed slots"
-                                         , image "has-tooltip-multiline has-tooltip-right rt-view-what-icon" whatSVG
-                                                 # set dataTooltip "How many slots were missed by this node"
-                                         ]
-                              ]
-                          , UI.tr ## "node-current-kes-period-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" certificateSVG
-                                         , string "KES current"
-                                         ]
-                              ]
-                          , UI.tr ## "node-op-cert-expiry-kes-period-row" #+
+                          , UI.tr ## "node-op-cert-row" #+
                               [ UI.td #+ [ image "rt-view-overview-icon" certificateSVG
-                                         , string "KES Expiry"
-                                         ]
-                              ]
-                          , UI.tr ## "node-remaining-kes-periods-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" certificateSVG
-                                         , string "Remainig KES"
-                                         ]
-                              ]
-                          , UI.tr ## "node-op-cert-start-kes-period-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" certificateSVG
-                                         , string "Op Cert Start KES"
-                                         ]
-                              ]
-                          , UI.tr ## "node-days-until-op-cert-renew-row" #+
-                              [ UI.td #+ [ image "rt-view-overview-icon" endSVG
-                                         , string "Days until Op Cert renew"
+                                         , string "Op Cert"
                                          ]
                               ]
                           , UI.tr ## "node-ekg-metrics-row" #+
diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Node/Column.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Node/Column.hs
index 6f42e023d42..89881229123 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Node/Column.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/HTML/Node/Column.hs
@@ -38,7 +38,15 @@ addNodeColumn tracerEnv loggingConfig nodesErrors updateErrorsTimer nodeId@(Node
   nodeName <- liftIO $ askNodeName tracerEnv nodeId
 
   let id' = unpack anId
+
+  bi <- basicInfo id'
+  st <- startTime id'
+  ut <- nodeUptime id'
   ls <- logsSettings loggingConfig nodeName
+  leadership <- nodeLeadership id'
+  epoch <- nodeEpoch id'
+  kes <- nodeKES id'
+  opCert <- nodeOpCert id'
 
   peersTable <- mkPeersTable id'
   peersDetailsButton <- UI.button ## (id' <> "__node-peers-details-button")
@@ -69,48 +77,19 @@ addNodeColumn tracerEnv loggingConfig nodesErrors updateErrorsTimer nodeId@(Node
                          , image "has-tooltip-multiline has-tooltip-bottom rt-view-what-icon" whatSVG
                                  # set dataTooltip "Node's name, taken from its configuration file"
                          ]
-  addNodeCell "version"  [ UI.span ## (id' <> "__node-version")
-                                   # set text "—"
-                         ]
-  addNodeCell "commit"   [ UI.anchor ## (id' <> "__node-commit")
-                                     #. ("rt-view-href is-family-monospace has-text-weight-normal"
-                                         <> " has-tooltip-multiline has-tooltip-right")
-                                     # set UI.href "#"
-                                     # set UI.target "_blank"
-                                     # set dataTooltip "Browse cardano-node repository on this commit"
-                                     # set text "—"
-                         , image "rt-view-href-icon" externalLinkSVG
-                         ]
-  addNodeCell "protocol" [ UI.span ## (id' <> "__node-protocol")
-                                   # set text "—"
-                         ]
-  addNodeCell "era" [ UI.span ## (id' <> "__node-era")
-                              # set text "—"
+  addNodeCell "basic-info" bi
+  addNodeCell "era" [ UI.span ## (id' <> "__node-era") #. "has-text-weight-semibold" # set text "—"
                     ]
-  addNodeCell "epoch" [ string "#"
-                      , UI.span ## (id' <> "__node-epoch-num") # set text "—"
-                      , image "has-tooltip-multiline has-tooltip-top rt-view-epoch-end" endSVG
-                              # set dataTooltip "End date of this epoch"
-                      , UI.span ## (id' <> "__node-epoch-end") # set text "—"
-                      ]
-  addNodeCell "sync" [ UI.span ## (id' <> "__node-sync-progress")
-                               # set text "—"
-                     ]
-  addNodeCell "system-start-time" [ UI.span ## (id' <> "__node-system-start-time")
-                                            # set text "—"
-                                  ]
-  addNodeCell "start-time"        [ UI.span ## (id' <> "__node-start-time")
-                                            # set text "—"
-                                  ]
-  addNodeCell "uptime"   [ UI.span ## (id' <> "__node-uptime")
-                                   # set text "—"
-                         ]
-  addNodeCell "logs"     [ UI.span ## (id' <> "__node-logs")
-                                   #+ ls
-                         ]
+  addNodeCell "epoch" epoch 
   addNodeCell "block-replay" [ UI.span ## (id' <> "__node-block-replay")
                                        # set html "0&nbsp;%"
                              ]
+  addNodeCell "sync" [ UI.span ## (id' <> "__node-sync-progress")
+                               # set text "—"
+                     ]
+  addNodeCell "start-time" st
+  addNodeCell "uptime" ut
+  addNodeCell "logs" ls 
   --addNodeCell "chunk-validation" [ UI.span ## (id' <> "__node-chunk-validation")
   --                                         # set text "—"
   --                               ]
@@ -133,33 +112,9 @@ addNodeColumn tracerEnv loggingConfig nodesErrors updateErrorsTimer nodeId@(Node
                            ]
                        , element errorsTable
                        ]
-  addNodeCell "leadership" [ UI.span ## (id' <> "__node-leadership")
-                                     # set text "—"
-                           ]
-  addNodeCell "forged-blocks" [ UI.span ## (id' <> "__node-forged-blocks")
-                                        # set text "—"
-                              ]
-  addNodeCell "cannot-forge" [ UI.span ## (id' <> "__node-cannot-forge")
-                                       # set text "—"
-                             ]
-  addNodeCell "missed-slots" [ UI.span ## (id' <> "__node-missed-slots")
-                                       # set text "—"
-                             ]
-  addNodeCell "current-kes-period" [ UI.span ## (id' <> "__node-current-kes-period")
-                                             # set text "—"
-                                   ]
-  addNodeCell "op-cert-expiry-kes-period" [ UI.span ## (id' <> "__node-op-cert-expiry-kes-period")
-                                                    # set text "—"
-                                          ]
-  addNodeCell "remaining-kes-periods" [ UI.span ## (id' <> "__node-remaining-kes-periods")
-                                                # set text "—"
-                                      ]
-  addNodeCell "op-cert-start-kes-period" [ UI.span ## (id' <> "__node-op-cert-start-kes-period")
-                                                   # set text "—"
-                                         ]
-  addNodeCell "days-until-op-cert-renew" [ UI.span ## (id' <> "__node-days-until-op-cert-renew")
-                                                   # set text "—"
-                                         ]
+  addNodeCell "leadership" leadership
+  addNodeCell "kes" kes
+  addNodeCell "op-cert" opCert 
   addNodeCell "ekg-metrics" [ UI.div #. "buttons has-addons" #+
                                 [ UI.button ## (id' <> "__node-ekg-metrics-num")
                                             #. "button is-static"
@@ -182,6 +137,215 @@ addNodeColumn tracerEnv loggingConfig nodesErrors updateErrorsTimer nodeId@(Node
                                    #+ cellContent
                            ]
 
+basicInfo :: String -> UI [UI Element]
+basicInfo id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.div #. "tags has-addons" #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-info-icon-on-button" versionSVG]
+              , UI.span ## (id' <> "__node-version")
+                        #. "tag is-medium has-tooltip-multiline has-tooltip-top"
+                        # set dataTooltip "Node's version"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons" #+
+              [ UI.span #. "tag is-link is-medium" #+ [image "rt-view-info-icon-on-button" commitSVG]
+              , UI.span ## (id' <> "__node-commit")
+                        #. "tag is-medium is-family-monospace has-tooltip-multiline has-tooltip-top"
+                        # set dataTooltip "Node's commit hash"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons" #+
+              [ UI.span #. "tag is-success is-medium" #+ [image "rt-view-info-icon-on-button" protocolSVG]
+              , UI.span ## (id' <> "__node-protocol")
+                        #. "tag is-medium has-tooltip-multiline has-tooltip-top"
+                        # set dataTooltip "Node's protocol"
+                        # set text "—"
+              ]
+          ]
+      ]
+  ]
+
+nodeEpoch :: String -> UI [UI Element]
+nodeEpoch id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.div #. "tags has-addons" #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-2-on-button" hashtagSVG]
+              , UI.span ## (id' <> "__node-epoch-num")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "End date of this epoch"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-2-on-button" endSVG]
+              , UI.span ## (id' <> "__node-epoch-end")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      ]
+  ]
+
+nodeKES :: String -> UI [UI Element]
+nodeKES id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "KES current"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-2-on-button" cSVG]
+              , UI.span ## (id' <> "__node-current-kes-period")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ] 
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "KES expiry"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-3-on-button" eSVG]
+              , UI.span ## (id' <> "__node-op-cert-expiry-kes-period")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "KES remaining"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-3-on-button" rSVG]
+              , UI.span ## (id' <> "__node-remaining-kes-periods")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      ]
+  ]
+
+nodeOpCert :: String -> UI [UI Element]
+nodeOpCert id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "Op Cert start KES"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-2-on-button" start2SVG]
+              , UI.span ## (id' <> "__node-op-cert-start-kes-period")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ] 
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "Days until Op Cert renew"
+                   #+
+              [ UI.span #. "tag is-danger is-medium" #+ [image "rt-view-leader-icon-2-on-button" endSVG]
+              , UI.span ## (id' <> "__node-days-until-op-cert-renew")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      ]
+  ]
+
+nodeLeadership :: String -> UI [UI Element]
+nodeLeadership id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "How many times this node was a leader"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-on-button" leaderSVG]
+              , UI.span ## (id' <> "__node-leadership")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "How many blocks were forge by this node"
+                   #+
+              [ UI.span #. "tag is-info is-medium" #+ [image "rt-view-leader-icon-on-button" forgeSVG]
+              , UI.span ## (id' <> "__node-forged-blocks")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "How many times this node could not forge"
+                   #+
+              [ UI.span #. "tag is-danger is-medium" #+ [image "rt-view-leader-icon-on-button" notForgeSVG]
+              , UI.span ## (id' <> "__node-cannot-forge")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "How many slots were missed by this node"
+                   #+
+              [ UI.span #. "tag is-danger is-medium" #+ [image "rt-view-leader-icon-2-on-button" missedSVG]
+              , UI.span ## (id' <> "__node-missed-slots")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      ]
+  ]
+
+startTime :: String -> UI [UI Element]
+startTime id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "Blockchain's start time in UTC"
+                   #+
+              [ UI.span #. "tag is-primary is-medium" #+ [image "rt-view-leader-icon-2-on-button" bSVG]
+              , UI.span ## (id' <> "__node-system-start-time")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      , UI.p #. "control" #+
+          [ UI.div #. "tags has-addons has-tooltip-multiline has-tooltip-top"
+                   # set dataTooltip "Node's start time in UTC"
+                   #+
+              [ UI.span #. "tag is-primary is-medium" #+ [image "rt-view-leader-icon-2-on-button" nSVG]
+              , UI.span ## (id' <> "__node-start-time")
+                        #. "tag is-medium"
+                        # set text "—"
+              ]
+          ]
+      ]
+  ]
+
+nodeUptime :: String -> UI [UI Element]
+nodeUptime id' = return
+  [ UI.div #. "field is-grouped" #+
+      [ UI.p #. "control" #+
+          [ UI.span ## (id' <> "__node-uptime-days")  #. "tag is-medium is-link" # set text "—"
+          ]
+      , UI.p #. "control" #+
+          [ UI.span ## (id' <> "__node-uptime-hours") #. "tag is-medium is-link" # set text "—"
+          ]
+      , UI.p #. "control" #+
+          [ UI.span ## (id' <> "__node-uptime-mins")  #. "tag is-medium is-link" # set text "—"
+          ]
+      , UI.p #. "control" #+
+          [ UI.span ## (id' <> "__node-uptime-secs")  #. "tag is-medium is-link" # set text "—"
+          ]
+      ]
+  ]
+
 -- | The new node is already connected, so we can display its logging settings.
 logsSettings
   :: NonEmpty LoggingParams
diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/Img/Icons.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/Img/Icons.hs
index 9f8638dc377..dd4d77bf543 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/Img/Icons.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/UI/Img/Icons.hs
@@ -31,6 +31,7 @@ module Cardano.Tracer.Handlers.RTView.UI.Img.Icons
   , whatSVG
   , versionSVG
   , startSVG
+  , start2SVG
   , systemStartSVG
   , uptimeSVG
   , logsSVG
@@ -45,6 +46,7 @@ module Cardano.Tracer.Handlers.RTView.UI.Img.Icons
   , refreshSVG
   , timeRangeSVG
   , leaderSVG
+  , firstSVG
   , forgeSVG
   , notForgeSVG
   , missedSVG
@@ -62,6 +64,13 @@ module Cardano.Tracer.Handlers.RTView.UI.Img.Icons
   , settingsSVG
   , exportSVG
   , docSVG
+  , infoSVG
+  , hashtagSVG
+  , bSVG
+  , nSVG
+  , cSVG
+  , eSVG
+  , rSVG
   ) where
 
 import           Data.String.QQ
@@ -211,11 +220,46 @@ startSVG = [s|
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M216.1 408.1C207.6 418.3 192.4 418.3 183 408.1L119 344.1C109.7 335.6 109.7 320.4 119 311C128.4 301.7 143.6 301.7 152.1 311L200 358.1L295 263C304.4 253.7 319.6 253.7 328.1 263C338.3 272.4 338.3 287.6 328.1 296.1L216.1 408.1zM128 0C141.3 0 152 10.75 152 24V64H296V24C296 10.75 306.7 0 320 0C333.3 0 344 10.75 344 24V64H384C419.3 64 448 92.65 448 128V448C448 483.3 419.3 512 384 512H64C28.65 512 0 483.3 0 448V128C0 92.65 28.65 64 64 64H104V24C104 10.75 114.7 0 128 0zM400 192H48V448C48 456.8 55.16 464 64 464H384C392.8 464 400 456.8 400 448V192z"/></svg>
 |]
 
+start2SVG :: String
+start2SVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M352 0C369.7 0 384 14.33 384 32C384 49.67 369.7 64 352 64V74.98C352 117.4 335.1 158.1 305.1 188.1L237.3 256L305.1 323.9C335.1 353.9 352 394.6 352 437V448C369.7 448 384 462.3 384 480C384 497.7 369.7 512 352 512H32C14.33 512 0 497.7 0 480C0 462.3 14.33 448 32 448V437C32 394.6 48.86 353.9 78.86 323.9L146.7 256L78.86 188.1C48.86 158.1 32 117.4 32 74.98V64C14.33 64 0 49.67 0 32C0 14.33 14.33 0 32 0H352zM259.9 369.1L192 301.3L124.1 369.1C106.1 387.1 96 411.6 96 437V448H288V437C288 411.6 277.9 387.1 259.9 369.1V369.1z"/></svg>
+|]
+
 systemStartSVG :: String
 systemStartSVG = [s|
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M160 32V64H288V32C288 14.33 302.3 0 320 0C337.7 0 352 14.33 352 32V64H400C426.5 64 448 85.49 448 112V160H0V112C0 85.49 21.49 64 48 64H96V32C96 14.33 110.3 0 128 0C145.7 0 160 14.33 160 32zM0 192H448V464C448 490.5 426.5 512 400 512H48C21.49 512 0 490.5 0 464V192zM80 256C71.16 256 64 263.2 64 272V368C64 376.8 71.16 384 80 384H176C184.8 384 192 376.8 192 368V272C192 263.2 184.8 256 176 256H80z"/></svg>
 |]
 
+hashtagSVG :: String
+hashtagSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M416 127.1h-58.23l9.789-58.74c2.906-17.44-8.875-33.92-26.3-36.83c-17.53-2.875-33.92 8.891-36.83 26.3L292.9 127.1H197.8l9.789-58.74c2.906-17.44-8.875-33.92-26.3-36.83c-17.53-2.875-33.92 8.891-36.83 26.3L132.9 127.1H64c-17.67 0-32 14.33-32 32C32 177.7 46.33 191.1 64 191.1h58.23l-21.33 128H32c-17.67 0-32 14.33-32 32c0 17.67 14.33 31.1 32 31.1h58.23l-9.789 58.74c-2.906 17.44 8.875 33.92 26.3 36.83C108.5 479.9 110.3 480 112 480c15.36 0 28.92-11.09 31.53-26.73l11.54-69.27h95.12l-9.789 58.74c-2.906 17.44 8.875 33.92 26.3 36.83C268.5 479.9 270.3 480 272 480c15.36 0 28.92-11.09 31.53-26.73l11.54-69.27H384c17.67 0 32-14.33 32-31.1c0-17.67-14.33-32-32-32h-58.23l21.33-128H416c17.67 0 32-14.32 32-31.1C448 142.3 433.7 127.1 416 127.1zM260.9 319.1H165.8L187.1 191.1h95.12L260.9 319.1z"/></svg>
+|]
+
+bSVG :: String
+bSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M257.1 242.4C276.1 220.1 288 191.6 288 160c0-70.58-57.42-128-128-128H32c-17.67 0-32 14.33-32 32v384c0 17.67 14.33 32 32 32l160-.0049c70.58 0 128-57.42 128-128C320 305.3 294.6 264.8 257.1 242.4zM64 96.01h96c35.3 0 64 28.7 64 64s-28.7 64-64 64H64V96.01zM192 416H64v-128h128c35.3 0 64 28.7 64 64S227.3 416 192 416z"/></svg>
+|]
+
+nSVG :: String
+nSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M384 64.01v384c0 13.47-8.438 25.5-21.09 30.09C359.3 479.4 355.7 480 352 480c-9.312 0-18.38-4.078-24.59-11.52L64 152.4v295.6c0 17.67-14.31 32-32 32s-32-14.33-32-32v-384c0-13.47 8.438-25.5 21.09-30.09c12.62-4.516 26.84-.75 35.5 9.609L320 359.6v-295.6c0-17.67 14.31-32 32-32S384 46.34 384 64.01z"/></svg>
+|]
+
+cSVG :: String
+cSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 384 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M352 359.8c22.46 0 31.1 19.53 31.1 31.99c0 23.14-66.96 88.23-164.5 88.23c-137.1 0-219.4-117.8-219.4-224c0-103.8 79.87-223.1 219.4-223.1c99.47 0 164.5 66.12 164.5 88.23c0 12.27-9.527 32.01-32.01 32.01c-31.32 0-45.8-56.25-132.5-56.25c-97.99 0-155.4 84.59-155.4 159.1c0 74.03 56.42 160 155.4 160C306.5 416 320.5 359.8 352 359.8z"/></svg>
+|]
+
+eSVG :: String
+eSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M320 448c0 17.67-14.33 32-32 32H32c-17.67 0-32-14.33-32-32v-384C0 46.34 14.33 32.01 32 32.01h256c17.67 0 32 14.33 32 32s-14.33 32-32 32H64v128h160c17.67 0 32 14.32 32 31.99s-14.33 32.01-32 32.01H64v128h224C305.7 416 320 430.3 320 448z"/></svg>
+|]
+
+rSVG :: String
+rSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M228.7 309.7C282 288.6 320 236.8 320 176c0-79.41-64.59-144-144-144H32c-17.67 0-32 14.33-32 32v384c0 17.67 14.33 32 32 32s32-14.33 32-32v-128h93.43l104.5 146.6c6.25 8.75 16.09 13.42 26.09 13.42c6.422 0 12.91-1.922 18.55-5.938c14.39-10.27 17.73-30.25 7.484-44.64L228.7 309.7zM64 96.01h112c44.11 0 80 35.89 80 80s-35.89 79.1-80 79.1H64V96.01z"/></svg>
+|]
+
 uptimeSVG :: String
 uptimeSVG = [s|
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M272 0C289.7 0 304 14.33 304 32C304 49.67 289.7 64 272 64H256V98.45C293.5 104.2 327.7 120 355.7 143L377.4 121.4C389.9 108.9 410.1 108.9 422.6 121.4C435.1 133.9 435.1 154.1 422.6 166.6L398.5 190.8C419.7 223.3 432 262.2 432 304C432 418.9 338.9 512 224 512C109.1 512 16 418.9 16 304C16 200 92.32 113.8 192 98.45V64H176C158.3 64 144 49.67 144 32C144 14.33 158.3 0 176 0L272 0zM248 192C248 178.7 237.3 168 224 168C210.7 168 200 178.7 200 192V320C200 333.3 210.7 344 224 344C237.3 344 248 333.3 248 320V192z"/></svg>
@@ -281,6 +325,11 @@ leaderSVG = [s|
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M576 136c0 22.09-17.91 40-40 40c-.248 0-.4551-.1266-.7031-.1305l-50.52 277.9C482 468.9 468.8 480 453.3 480H122.7c-15.46 0-28.72-11.06-31.48-26.27L40.71 175.9C40.46 175.9 40.25 176 39.1 176c-22.09 0-40-17.91-40-40S17.91 96 39.1 96s40 17.91 40 40c0 8.998-3.521 16.89-8.537 23.57l89.63 71.7c15.91 12.73 39.5 7.544 48.61-10.68l57.6-115.2C255.1 98.34 247.1 86.34 247.1 72C247.1 49.91 265.9 32 288 32s39.1 17.91 39.1 40c0 14.34-7.963 26.34-19.3 33.4l57.6 115.2c9.111 18.22 32.71 23.4 48.61 10.68l89.63-71.7C499.5 152.9 496 144.1 496 136C496 113.9 513.9 96 536 96S576 113.9 576 136z"/></svg>
 |]
 
+firstSVG :: String
+firstSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M406.1 61.65C415.4 63.09 419.4 74.59 412.6 81.41L374.6 118.1L383.6 170.1C384.1 179.5 375.3 186.7 366.7 182.4L320.2 157.9L273.3 182.7C264.7 187 255 179.8 256.4 170.5L265.4 118.4L227.4 81.41C220.6 74.59 224.6 63.09 233.9 61.65L286.2 54.11L309.8 6.332C314.1-2.289 326.3-1.93 330.2 6.332L353.8 54.11L406.1 61.65zM384 256C401.7 256 416 270.3 416 288V480C416 497.7 401.7 512 384 512H256C238.3 512 224 497.7 224 480V288C224 270.3 238.3 256 256 256H384zM160 320C177.7 320 192 334.3 192 352V480C192 497.7 177.7 512 160 512H32C14.33 512 0 497.7 0 480V352C0 334.3 14.33 320 32 320H160zM448 416C448 398.3 462.3 384 480 384H608C625.7 384 640 398.3 640 416V480C640 497.7 625.7 512 608 512H480C462.3 512 448 497.7 448 480V416z"/></svg>
+|]
+
 forgeSVG :: String
 forgeSVG = [s|
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M568.1 196.3l-22.62-22.62c-4.533-4.533-10.56-7.029-16.97-7.029s-12.44 2.496-16.97 7.029l-5.654 5.656l-20.12-20.12c4.596-23.46-2.652-47.9-19.47-64.73l-45.25-45.25C390.2 17.47 347.1 0 303.1 0C258.2 0 216 17.47 184.3 49.21L176.5 57.05L272.5 105.1v13.81c0 18.95 7.688 37.5 21.09 50.91l49.16 49.14c13.44 13.45 31.39 20.86 50.54 20.86c4.758 0 9.512-.4648 14.18-1.387l20.12 20.12l-5.654 5.654c-9.357 9.357-9.357 24.58-.002 33.94l22.62 22.62c4.535 4.533 10.56 7.031 16.97 7.031s12.44-2.498 16.97-7.031l90.53-90.5C578.3 220.8 578.3 205.6 568.1 196.3zM270.9 192.4c-3.846-3.846-7.197-8.113-10.37-12.49l-239.5 209.2c-28.12 28.12-28.16 73.72-.0371 101.8C35.12 505 53.56 512 71.1 512s36.84-7.031 50.91-21.09l209.1-239.4c-4.141-3.061-8.184-6.289-11.89-9.996L270.9 192.4z"/></svg>
@@ -366,6 +415,11 @@ docSVG = [s|
 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Pro 6.1.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M448 336v-288C448 21.49 426.5 0 400 0H96C42.98 0 0 42.98 0 96v320c0 53.02 42.98 96 96 96h320c17.67 0 32-14.33 32-31.1c0-11.72-6.607-21.52-16-27.1v-81.36C441.8 362.8 448 350.2 448 336zM143.1 128h192C344.8 128 352 135.2 352 144C352 152.8 344.8 160 336 160H143.1C135.2 160 128 152.8 128 144C128 135.2 135.2 128 143.1 128zM143.1 192h192C344.8 192 352 199.2 352 208C352 216.8 344.8 224 336 224H143.1C135.2 224 128 216.8 128 208C128 199.2 135.2 192 143.1 192zM384 448H96c-17.67 0-32-14.33-32-32c0-17.67 14.33-32 32-32h288V448z"/></svg>
 |]
 
+infoSVG :: String
+infoSVG = [s|
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--! Font Awesome Pro 6.1.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc. --><path fill="currentColor" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0zM256 128c17.67 0 32 14.33 32 32c0 17.67-14.33 32-32 32S224 177.7 224 160C224 142.3 238.3 128 256 128zM296 384h-80C202.8 384 192 373.3 192 360s10.75-24 24-24h16v-64H224c-13.25 0-24-10.75-24-24S210.8 224 224 224h32c13.25 0 24 10.75 24 24v88h16c13.25 0 24 10.75 24 24S309.3 384 296 384z"/></svg>
+|]
+
 rectangleSVG :: String
 rectangleSVG = [s|
 <svg width="100" height="30"><rect width="100" height="30" style="fill:currentColor;stroke-width:0;stroke:rgb(0,0,0)"/></svg>
diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/KES.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/KES.hs
index 87a2e12f44d..9efd16420f3 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/KES.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/KES.hs
@@ -29,7 +29,7 @@ updateKESInfo
   -> DisplayedElements
   -> UI ()
 updateKESInfo tracerEnv settings displayed =
-  forAcceptedMetricsUI_ tracerEnv $ \(nodeId@(NodeId anId), (ekgStore, _)) -> 
+  forAcceptedMetricsUI_ tracerEnv $ \(nodeId@(NodeId anId), (ekgStore, _)) ->
     forMM_ (liftIO $ getListOfMetrics ekgStore) $ \(metricName, metricValue) ->
       case metricName of
         "Forge.CurrentKESPeriod" ->
diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/NodeInfo.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/NodeInfo.hs
index 5bdacd6b705..4821771256d 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/NodeInfo.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/NodeInfo.hs
@@ -10,7 +10,6 @@ import           Control.Monad.Extra (whenJustM)
 import           Data.Set (Set)
 import qualified Data.Text as T
 import           Data.Time.Format (defaultTimeLocale, formatTime)
-import qualified Graphics.UI.Threepenny as UI
 import           Graphics.UI.Threepenny.Core
 
 import           Cardano.Node.Startup (NodeInfo (..))
@@ -41,11 +40,9 @@ askNSetNodeInfo TracerEnv{teDPRequestors, teCurrentDPLock} newlyConnected displa
         , (anId <> "__node-name-for-errors", shortName)
         ]
 
-      window <- askWindow
-      findAndSet (set UI.href $ nodeLink (niCommit ni)) window (anId <> "__node-commit")
-
       setProtocol (niProtocol ni) (anId <> "__node-protocol")
 
+      window <- askWindow
       let nodeStartElId = anId <> "__node-start-time"
       setTime window (niStartTime ni) nodeStartElId
       setTime window (niSystemStartTime ni) (anId <> "__node-system-start-time")
@@ -53,8 +50,6 @@ askNSetNodeInfo TracerEnv{teDPRequestors, teCurrentDPLock} newlyConnected displa
       liftIO $ saveDisplayedValue displayedElements nodeId nodeStartElId (T.pack . show $ niStartTime ni)
       liftIO $ saveDisplayedValue displayedElements nodeId nodeNameElId (niName ni)
  where
-  nodeLink commit = T.unpack $ "https://github.com/input-output-hk/cardano-node/commit/" <> T.take 7 commit
-
   setProtocol p id' = do
     justCleanText id'
     case p of
@@ -64,8 +59,5 @@ askNSetNodeInfo TracerEnv{teDPRequestors, teCurrentDPLock} newlyConnected displa
 
   setTime window ts id' = do
     justCleanText id'
-    let time = formatTime defaultTimeLocale "%b %e, %Y %T" ts
-        tz   = formatTime defaultTimeLocale "%Z" ts
-    findAndAdd [ string time
-               , UI.span #. "has-text-weight-normal is-size-6 ml-2" # set text tz
-               ] window id'
+    let time = formatTime defaultTimeLocale "%D %T" ts
+    findAndAdd [string time] window id'
diff --git a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/Nodes.hs b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/Nodes.hs
index dba01f7c249..d23d2d63014 100644
--- a/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/Nodes.hs
+++ b/cardano-tracer/src/Cardano/Tracer/Handlers/RTView/Update/Nodes.hs
@@ -18,7 +18,7 @@ import           Control.Monad.Extra (whenJust)
 import           Data.List (find)
 import           Data.List.NonEmpty (NonEmpty)
 import qualified Data.Map.Strict as M
-import           Data.Maybe (catMaybes, fromMaybe)
+import           Data.Maybe (fromMaybe)
 import           Data.Set (Set, (\\))
 import qualified Data.Set as S
 import qualified Data.Text as T
@@ -48,6 +48,7 @@ import           Cardano.Tracer.Handlers.RTView.Update.NodeInfo
 import           Cardano.Tracer.Handlers.RTView.Update.Utils
 import           Cardano.Tracer.Handlers.RTView.Utils
 import           Cardano.Tracer.Types
+import           Cardano.Tracer.Utils
 
 updateNodesUI
   :: TracerEnv
@@ -152,27 +153,32 @@ updateNodesUptime
 updateNodesUptime tracerEnv displayedElements = do
   now <- systemToUTCTime <$> liftIO getSystemTime
   displayed <- liftIO $ readTVarIO displayedElements
-  elsIdsWithUptimes <- forConnectedUI tracerEnv $ getUptimeForNode now displayed
-  setTextValues $ catMaybes elsIdsWithUptimes
+  forConnectedUI_ tracerEnv $ getUptimeForNode now displayed
  where
-   getUptimeForNode now displayed nodeId@(NodeId anId) = do
-    let nodeStartElId  = anId <> "__node-start-time"
-        nodeUptimeElId = anId <> "__node-uptime"
+  getUptimeForNode now displayed nodeId@(NodeId anId) = do
+    let nodeStartElId   = anId <> "__node-start-time"
+        nodeUptimeDElId = anId <> "__node-uptime-days"
+        nodeUptimeHElId = anId <> "__node-uptime-hours"
+        nodeUptimeMElId = anId <> "__node-uptime-mins"
+        nodeUptimeSElId = anId <> "__node-uptime-secs"
     case getDisplayedValuePure displayed nodeId nodeStartElId of
-       Nothing -> return Nothing
-       Just tsRaw ->
-         case readMaybe (T.unpack tsRaw) of
-           Nothing -> return Nothing
-           Just (startTime :: UTCTime) -> do
-             let uptimeDiff = now `diffUTCTime` startTime
-                 uptime = uptimeDiff `addUTCTime` nullTime
-                 uptimeFormatted = formatTime defaultTimeLocale "%X" uptime
-                 daysNum = utctDay uptime `diffDays` utctDay nullTime
-                 uptimeWithDays = if daysNum > 0
-                                    -- Show days only if 'uptime' > 23:59:59.
-                                    then show daysNum <> "d " <> uptimeFormatted
-                                    else uptimeFormatted
-             return $ Just (nodeUptimeElId, T.pack uptimeWithDays)
+      Nothing -> return ()
+      Just tsRaw ->
+        case readMaybe (T.unpack tsRaw) of
+          Nothing -> return ()
+          Just (startTime :: UTCTime) -> do
+            let uptimeDiff = now `diffUTCTime` startTime
+                uptime     = uptimeDiff `addUTCTime` nullTime
+                hoursNum   = formatTime defaultTimeLocale "%H" uptime
+                minsNum    = formatTime defaultTimeLocale "%M" uptime
+                secsNum    = formatTime defaultTimeLocale "%S" uptime
+                daysNum    = utctDay uptime `diffDays` utctDay nullTime
+            setTextValues 
+              [ (nodeUptimeDElId, showT daysNum   <> "d")
+              , (nodeUptimeHElId, T.pack hoursNum <> "h")
+              , (nodeUptimeMElId, T.pack minsNum  <> "m")
+              , (nodeUptimeSElId, T.pack secsNum  <> "s")
+              ]
 
 setBlockReplayProgress
   :: Set NodeId