From f92f2beb53df544c11b5ca0d8fa107eb6b60dfb3 Mon Sep 17 00:00:00 2001
From: mathis-m <mathis.michel@outlook.de>
Date: Wed, 10 Mar 2021 20:24:31 +0100
Subject: [PATCH] fix: prevent example select from overflowing

Signed-off-by: mathis-m <mathis.michel@outlook.de>
---
 src/core/components/examples-select.jsx | 1 +
 src/style/_layout.scss                  | 5 ++++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/core/components/examples-select.jsx b/src/core/components/examples-select.jsx
index 661fe617bdf..339a1527a61 100644
--- a/src/core/components/examples-select.jsx
+++ b/src/core/components/examples-select.jsx
@@ -109,6 +109,7 @@ export default class ExamplesSelect extends React.PureComponent {
           ) : null
         }
         <select
+          className="examples-select-element"
           onChange={this._onDomSelect}
           value={
             isModifiedValueAvailable && isValueModified
diff --git a/src/style/_layout.scss b/src/style/_layout.scss
index 40f62c94488..190f6aae35c 100644
--- a/src/style/_layout.scss
+++ b/src/style/_layout.scss
@@ -127,7 +127,10 @@
 
 .examples-select {
     margin-bottom: .75em;
-
+    display: inline-block;
+    .examples-select-element {
+      width: 100%;
+    }
     &__section-label {
         font-weight: bold;
         font-size: .9rem;