diff --git a/docs/styleguide/styles/21-patterns-options-row.css b/docs/styleguide/styles/21-patterns-options-row.css
index 0b8dce1..fd3dc7b 100644
--- a/docs/styleguide/styles/21-patterns-options-row.css
+++ b/docs/styleguide/styles/21-patterns-options-row.css
@@ -18,6 +18,7 @@
   --layout-help-panel-width: var(--layout-options-row-help-panel-width);
   margin-top: var(--layout-options-row-margin-top);
   display: flex;
+  min-width: 0;
   justify-content: space-between;
   gap: var(--layout-options-row-main-gap);
   padding:
@@ -36,6 +37,7 @@
 .sg-options-row__left,
 .sg-options-row__right {
   display: flex;
+  min-width: 0;
   flex-wrap: wrap;
   gap: var(--layout-options-row-group-gap);
   align-items: center;
@@ -55,6 +57,11 @@
   flex: 0 0 auto;
 }
 
+.sg-options-row__left > .sg-pulldown-demo {
+  min-width: 0;
+  box-sizing: border-box;
+}
+
 @media (max-width: 48rem) {
   .sg-options-row {
     flex-direction: column;
@@ -109,6 +116,21 @@
   .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,
   .sg-options-row__left > .sg-pulldown-demo .sg-pulldown {
     width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .sg-options-row__left > .sg-pulldown-demo {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .sg-options-row .sg-pulldown-panel {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
diff --git a/public/assets/styleguide.upstream.css b/public/assets/styleguide.upstream.css
index 92b3985..e24f85b 100644
--- a/public/assets/styleguide.upstream.css
+++ b/public/assets/styleguide.upstream.css
@@ -2219,6 +2219,7 @@ section + section {
   --layout-help-panel-width: var(--layout-options-row-help-panel-width);
   margin-top: var(--layout-options-row-margin-top);
   display: flex;
+  min-width: 0;
   justify-content: space-between;
   gap: var(--layout-options-row-main-gap);
   padding:
@@ -2237,6 +2238,7 @@ section + section {
 .sg-options-row__left,
 .sg-options-row__right {
   display: flex;
+  min-width: 0;
   flex-wrap: wrap;
   gap: var(--layout-options-row-group-gap);
   align-items: center;
@@ -2256,6 +2258,11 @@ section + section {
   flex: 0 0 auto;
 }
 
+.sg-options-row__left > .sg-pulldown-demo {
+  min-width: 0;
+  box-sizing: border-box;
+}
+
 @media (max-width: 48rem) {
   .sg-options-row {
     flex-direction: column;
@@ -2310,6 +2317,21 @@ section + section {
   .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,
   .sg-options-row__left > .sg-pulldown-demo .sg-pulldown {
     width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .sg-options-row__left > .sg-pulldown-demo {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .sg-options-row .sg-pulldown-panel {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {
diff --git a/public/assets/styleguide.upstream.meta.json b/public/assets/styleguide.upstream.meta.json
index 3b59aac..32e11a1 100644
--- a/public/assets/styleguide.upstream.meta.json
+++ b/public/assets/styleguide.upstream.meta.json
@@ -1,7 +1,7 @@
 {
   "styleguideVersion": "2026.05.18.1",
-  "styleguideCommit": "a927dae",
-  "syncedAtUtc": "2026-08-20T12:20:28Z",
+  "styleguideCommit": "3461be6",
+  "syncedAtUtc": "2026-08-23T14:38:55Z",
   "sourceRepo": "/Users/mathias/Documents/Dokumente Chouchou/Codebases/Styleguide",
   "mirroredDocsPath": "docs/styleguide"
 }
diff --git a/public/assets/styles.css b/public/assets/styles.css
index 92b3985..e24f85b 100644
--- a/public/assets/styles.css
+++ b/public/assets/styles.css
@@ -2219,6 +2219,7 @@ section + section {
   --layout-help-panel-width: var(--layout-options-row-help-panel-width);
   margin-top: var(--layout-options-row-margin-top);
   display: flex;
+  min-width: 0;
   justify-content: space-between;
   gap: var(--layout-options-row-main-gap);
   padding:
@@ -2237,6 +2238,7 @@ section + section {
 .sg-options-row__left,
 .sg-options-row__right {
   display: flex;
+  min-width: 0;
   flex-wrap: wrap;
   gap: var(--layout-options-row-group-gap);
   align-items: center;
@@ -2256,6 +2258,11 @@ section + section {
   flex: 0 0 auto;
 }
 
+.sg-options-row__left > .sg-pulldown-demo {
+  min-width: 0;
+  box-sizing: border-box;
+}
+
 @media (max-width: 48rem) {
   .sg-options-row {
     flex-direction: column;
@@ -2310,6 +2317,21 @@ section + section {
   .sg-options-row__left > .sg-input-single-line-wrap .sg-input-single-line,
   .sg-options-row__left > .sg-pulldown-demo .sg-pulldown {
     width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
+  }
+
+  .sg-options-row__left > .sg-pulldown-demo {
+    width: 100%;
+    max-width: 100%;
+  }
+
+  .sg-options-row .sg-pulldown-panel {
+    width: 100%;
+    min-width: 0;
+    max-width: 100%;
+    box-sizing: border-box;
   }
 
   .sg-options-row[data-pattern="multiselektions-pulldown"] .sg-pulldown-panel {