From ed276da2ae99976c513d43eaf6bf8568f18ef460 Mon Sep 17 00:00:00 2001
From: Muki Seiler <muuki88@users.noreply.github.com>
Date: Thu, 12 Dec 2024 13:07:57 +0000
Subject: [PATCH] Fix tab-example

---
 _includes/code/mobile-sdk.html | 12 ++++++++++--
 docs-examples/tab-example.md   | 12 ++++++------
 2 files changed, 16 insertions(+), 8 deletions(-)

diff --git a/_includes/code/mobile-sdk.html b/_includes/code/mobile-sdk.html
index 4aa50d54a6..ebc7ed40e6 100644
--- a/_includes/code/mobile-sdk.html
+++ b/_includes/code/mobile-sdk.html
@@ -9,9 +9,17 @@
 </ul>
 <div class="tab-content" id="code-tab-content">
   <div class="tab-pane fade show active" id="{{ include.id }}-kotlin" role="tabpanel" aria-labelledby="{{ include.id }}-kotlin-tab">
-    {{ include.kotlin | markdownify }}
+    <div class="highlight">
+      <pre class="highlight language-kotlin">
+        <code class="language-kotlin">{{ include.kotlin | xml_escape }}</code>
+      </pre>
+    </div>
   </div>
   <div class="tab-pane fade" id="{{ include.id }}-swift" role="tabpanel" aria-labelledby="{{ include.id }}-swift-tab">
-    {{ include.swift | markdownify }}
+    <div class="highlight">
+      <pre class="highlight language-swift">
+        <code class="language-swift">{{ include.swift | xml_escape }}</code>
+      </pre>
+    </div>
   </div>
 </div>
diff --git a/docs-examples/tab-example.md b/docs-examples/tab-example.md
index 6b92f6bc4f..67bbc88e1a 100644
--- a/docs-examples/tab-example.md
+++ b/docs-examples/tab-example.md
@@ -10,7 +10,8 @@ The prebid documentation uses bootstrap for styling. Bootstrap offers a [tab com
 
 ## Example
 
-{% capture iosCode %}struct Player {
+{% capture iosCode %}
+struct Player {
   var name: String
   var highScore: Int = 0
   var history: [Int] = []
@@ -20,18 +21,17 @@ The prebid documentation uses bootstrap for styling. Bootstrap offers a [tab com
   }
 }
 
-var player = Player("Tomas")
-{% endcapture %}
+var player = Player("Tomas"){% endcapture %}
 
-{% capture androidCode %}fun main() {
+{% capture androidCode %}
+fun main() {
   val name = "stranger"        // Declare your first variable
   println("Hi, $name!")        // ...and use it!
   print("Current count:")
   for (i in 0..10) {           // Loop over a range from 0 to 10
     print(" $i")
   }
-}
-{% endcapture %}
+}{% endcapture %}
 
 {% include code/mobile-sdk.html id="hello-world" kotlin=androidCode swift=iosCode %}