diff --git a/components/charts.html b/components/charts.html
index aa81158..75ae63f 100644
--- a/components/charts.html
+++ b/components/charts.html
@@ -13,7 +13,7 @@
   <section id="component-score-bar">
     <p class="sg-preview-label">Component: Score-Balken / Median-Marker</p>
 
-    <div class="sg-form-preview-area">
+    <div class="sg-form-preview-area sg-chart-preview-area">
       <div class="sg-score-bar-list" data-component="score-bar-list">
         <div class="sg-score-bar-item" data-component="score-bar">
           <p class="sg-score-bar-label sg-bar-label" data-component-part="score-label">Label</p>
diff --git a/styleguide.css b/styleguide.css
index 9c4a39f..99a71c3 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -2275,6 +2275,12 @@ section + section {
   background: transparent;
 }
 
+.sg-chart-preview-area {
+  min-width: var(--layout-object-card-min-width);
+  max-width: var(--layout-object-card-max-width);
+  width: 100%;
+}
+
 .sg-bar-chart {
   display: block;
   width: 100%;