diff --git a/patterns/company-card.html b/patterns/company-card.html
index 3e4e742..bf92a98 100644
--- a/patterns/company-card.html
+++ b/patterns/company-card.html
@@ -90,7 +90,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
diff --git a/patterns/vsf-card-listen-seite.html b/patterns/vsf-card-listen-seite.html
index 5c54a92..91a04d8 100644
--- a/patterns/vsf-card-listen-seite.html
+++ b/patterns/vsf-card-listen-seite.html
@@ -191,7 +191,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -281,7 +281,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -371,7 +371,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -461,7 +461,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -551,7 +551,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
@@ -641,7 +641,7 @@
             </div>
           </div>
           <p class="sg-bar-label sg-company-card__moat">
-            Moat: <span class="sg-company-card__moat-neutral">Maessig</span>
+            <span class="sg-company-card__moat-label">Moat:</span> <span class="sg-company-card__moat-neutral sg-company-card__moat-value">Maessig</span>
           </p>
           <p class="sg-body sg-company-card__summary">
             Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.
diff --git a/styles/23-patterns-object-group-card.css b/styles/23-patterns-object-group-card.css
index 63aeea8..74d11c2 100644
--- a/styles/23-patterns-object-group-card.css
+++ b/styles/23-patterns-object-group-card.css
@@ -29,9 +29,22 @@
 }
 
 .sg-company-card__moat {
+  display: grid;
+  grid-template-columns: var(--layout-score-bar-item-columns);
+  column-gap: var(--layout-score-bar-item-gap);
+  align-items: center;
   margin: 0;
 }
 
+.sg-company-card__moat-label {
+  margin: 0;
+}
+
+.sg-company-card__moat-value {
+  justify-self: start;
+  text-align: left;
+}
+
 .sg-company-card__moat-neutral {
   color: var(--text-company-card-moat-neutral);
 }
@@ -39,4 +52,3 @@
 .sg-company-card__summary {
   margin: 0;
 }
-