diff --git a/winui/Kanban/getting-started.md b/winui/Kanban/getting-started.md
index 8d8658da..2b9abcfd 100644
--- a/winui/Kanban/getting-started.md
+++ b/winui/Kanban/getting-started.md
@@ -75,7 +75,7 @@ To populate the kanban card items, utilize the [`ItemsSource`](https://help.sync
 The following sample code demonstrates this process in action:
 
 {% tabs %}
-{% highlight XAML hl_lines="2, 4, 5, 6, 7, 8, 9" %}
+{% highlight XAML hl_lines="2 4 5 6 7 8 9" %}
 
 <kanban:SfKanban x:Name="kanban"
                  AutoGenerateColumns="False" 
@@ -89,7 +89,7 @@ The following sample code demonstrates this process in action:
 </kanban:SfKanban>
 
 {% endhighlight %}
-{% highlight C# hl_lines="1, 2, 3, 4, 5" %}
+{% highlight C# hl_lines="1 2 3 4 5" %}
 
 this.kanban.AutoGenerateColumns = false;
 this.kanban.ItemsSource = new ViewModel().TaskDetails;
@@ -240,7 +240,7 @@ Alternatively, you can manually define columns by setting [`AutoGenerateColumns`
 Let’s look at the practical code example:
 
 {% tabs %}
-{% highlight XAML hl_lines="2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27" %}
+{% highlight XAML hl_lines="2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27" %}
 
 <kanban:SfKanban x:Name="kanban"
                  ItemsSource="{Binding TaskDetails}"
@@ -272,7 +272,7 @@ Let’s look at the practical code example:
 </kanban:SfKanban>
 
 {% endhighlight %}
-{% highlight C# hl_lines="1, 2" %}
+{% highlight C# hl_lines="1 2" %}
 
 this.kanban.ItemsSource = new ViewModel().TaskDetails;
 this.kanban.ColumnMappingPath = "Status";