diff --git a/docs/_static/custom.css b/docs/_static/custom.css
index 4e6e1ff76debd38d55e4edb0030f4a7f62452dd0..fe31d76d7957c11495fcc65657cfcdc61f640811 100644
--- a/docs/_static/custom.css
+++ b/docs/_static/custom.css
@@ -25,7 +25,8 @@ body {
 
 .check-bullet {
   color:#07bfa5;
-  margin-left:10px;
+  background-color: white;
+  margin-left:-22px;
 }
 
 /* Progress bar styling */
@@ -35,14 +36,18 @@ body {
     text-align: center;
     font-weight: 700;
     width: 100%;
-    margin: 0 ! important;
+    /* remove original styling for thin styling
+    margin: 0 ! important; */
+    margin-top: -0.4rem ! important;
     line-height: 1.2rem;
     white-space: nowrap;
     overflow: hidden;
   }
   
   .progress-bar {
-    height: 1.2rem;
+    /*remove original styling for thin styling
+    height: 1.2rem; */
+    height: 0.4rem;
     float: left;
     background: repeating-linear-gradient(
         45deg,
@@ -57,8 +62,11 @@ body {
   .progress {
     display: block;
     width: 100%;
+    /* remove original styling for thin styling
     margin: 0.5rem 0;
-    height: 1.2rem;
+    height: 1.2rem; */
+    margin-top: 0.9rem;
+    height: 0.4rem;
     background-color: #eeeeee;
     position: relative;
     border-radius: 2px;
@@ -86,18 +94,4 @@ body {
   
   .progress-0plus .progress-bar {
     background-color: #ff1744;
-  }
-
-  .progress.thin {
-    margin-top: 0.9rem;
-    height: 0.4rem;
-  }
-  
-  .progress.thin .progress-label {
-    margin-top: -0.4rem;
-  }
-  
-  .progress.thin .progress-bar {
-    height: 0.4rem;
-  }
-  
\ No newline at end of file
+  }
\ No newline at end of file
diff --git a/docs/roadmap/index.md b/docs/roadmap/index.md
index c3576eea99bc1c75207b29216560891abd6a0cd3..23251d5cc061b7f09c09947678e3f3444a6f0aac 100644
--- a/docs/roadmap/index.md
+++ b/docs/roadmap/index.md
@@ -1,7 +1,5 @@
 # Roadmap
 
-[= 40% "40%"]
-
 !!! hint "Work in Progress"
     We will be building the roadmap together with the Flux community,
     our end-users and everyone who is interested in integrating with us.
@@ -12,6 +10,8 @@
 
 ### Flux read-only feature parity
 
+[= 50% "50%"]
+
 This would be the first stepping stone: we want the GitOps Toolkit to be on-par with today's Flux in
 [read-only mode](https://github.com/fluxcd/flux/blob/master/docs/faq.md#can-i-run-flux-with-readonly-git-access)
 and [FluxCloud](https://github.com/justinbarrick/fluxcloud) notifications.
@@ -21,7 +21,8 @@ Goals
 -  Offer an in-place migration tool for those that are using Flux in read-only mode to synchronize plain manifests
 -  Offer a migration guide for those that are using Flux in read-only mode to synchronize Kustomize overlays
 
-<span class="check-bullet">:material-check-bold:</span> Offer a dedicated component for forwarding events to external messaging platforms
+-  <span class="check-bullet">:material-check-bold:</span> Offer a dedicated component for forwarding events to external messaging platforms
+
 
 Non-Goals
 
@@ -42,6 +43,8 @@ Tasks
 
 ### Flux image update feature parity
 
+[= 0% "0%"]
+
 Goals
 
 -  Offer components that can replace Flux v1 image update feature
@@ -63,6 +66,8 @@ Tasks
 
 ### Helm v3 feature parity
 
+[= 33% "33%"]
+
 Goals
 
 -  Offer a migration guide for those that are using Helm Operator with Helm v3 and Helm repositories