diff --git a/Software/data_src/index.htm b/Software/data_src/index.htm
index 2c88e18..785df02 100644
--- a/Software/data_src/index.htm
+++ b/Software/data_src/index.htm
@@ -77,31 +77,28 @@
         <hr />
         <p>
         <h4>aktueller Punktestand</h4>
-        <div class="table-responsive">
-          <table class="table table-borderless table-dark">
-            <thead>
-              <tr>
-                <th class="text-center" scope="col">%NAME_FAC_1%</th>
-                <th class="text-center" scope="col">%NAME_FAC_2%</th>
-                <th class="text-center" scope="col">%NAME_FAC_3%</th>
-              </tr>
-            </thead>
-            <tbody>
-              <tr>
-                <td class="mx-auto"><img src="static/img/logo_fac1.png" class="rounded mx-auto img-fluid d-block"
-                    alt="..."></td>
-                <td class="mx-auto"><img src="static/img/logo_fac2.png" class="rounded mx-auto img-fluid d-block"
-                    alt="..."></td>
-                <td class="mx-auto"><img src="static/img/logo_fac3.png" class="rounded mx-auto img-fluid d-block"
-                    alt="..."></td>
-              </tr>
-              <tr>
-                <td class="text-center">%POINTS_FAC_1%</td>
-                <td class="text-center">%POINTS_FAC_2%</td>
-                <td class="text-center">%POINTS_FAC_3%</td>
-              </tr>
-            </tbody>
-          </table>
+        <div class="container-fluid">
+          <div class="row">
+            <div class="col text-center %FACTION_1_ACTIVE% text-white p-3">%NAME_FAC_1%</div>
+            <div class="col text-center %FACTION_2_ACTIVE% text-white p-3">%NAME_FAC_2%</div>
+            <div class="col text-center %FACTION_3_ACTIVE% text-white p-3">%NAME_FAC_3%</div>
+          </div>
+          <div class="row">
+            <div class="col bg-dark text-white p-3"><img src="static/img/logo_fac1.png"
+                class="rounded mx-auto img-fluid d-block" alt="...">
+            </div>
+            <div class="col bg-dark text-white p-3"><img src="static/img/logo_fac2.png"
+                class="rounded mx-auto img-fluid d-block" alt="...">
+            </div>
+            <div class="col bg-dark text-white p-3"><img src="static/img/logo_fac3.png"
+                class="rounded mx-auto img-fluid d-block" alt="...">
+            </div>
+          </div>
+          <div class="row">
+            <div class="col text-center bg-secondary text-white p-3">%POINTS_FAC_1%</div>
+            <div class="col text-center bg-secondary text-white p-3">%POINTS_FAC_2%</div>
+            <div class="col text-center bg-secondary text-white p-3">%POINTS_FAC_3%</div>
+          </div>
         </div>
         </p>
         <!-- Div GroupFaction Points -->