We are currently solving the following issue within our repository. Here is the issue text:
--- BEGIN ISSUE ---
Slider value and description text overlap for slider in sidebar with long description
### Summary

If you use a slider in the sidebar with a long description text, the slider value and the description text overlap. See screenshot:

![sidebar_slider_streamlit_0_88_0](https://user-images.githubusercontent.com/14080364/133406203-2f6ea22c-ff6b-411c-b31f-0470fdf80192.png)


### Steps to reproduce

Code snippet:

```python
import streamlit as st

topn_ranking = st.sidebar.slider(
    "Select the maximum amount of words for classification (higher value adds additional less frequent words to results)",
    10,
    1000,
    (100),
)
```

**Expected behavior:**

To have non-overlapping slider value and description text.

For example, this is how it should look like (with Streamlit version 0.78.0):
![sidebar_slider_streamlit_0_78_0](https://user-images.githubusercontent.com/14080364/133406411-60679061-0bee-491a-b949-9abcac40237a.png)

**Actual behavior:**

When I start the example of the code snippet, the current value and the description text of the slider overlap.

### Is this a regression?

Yes, it was looking good with Streamlit 0.78.0.  My tests showed, that it changed in version 0.83.0.

### Debug info

- Streamlit version: 0.88.0
- Python version: 3.8.10
- Using poetry with pyenv
- OS version: Ubuntu 20.04
- Browser version: Google Chrome 93.0.4577.63


--- END ISSUE ---

Below are some code segments, each from a relevant file. One or more of these files may contain bugs.
--- BEGIN FILES ---
Path: `e2e/scripts/st_slider.py`
Content:
```
1 # Copyright 2018-2021 Streamlit Inc.
2 #
3 # Licensed under the Apache License, Version 2.0 (the "License");
4 # you may not use this file except in compliance with the License.
5 # You may obtain a copy of the License at
6 #
7 #    http://www.apache.org/licenses/LICENSE-2.0
8 #
9 # Unless required by applicable law or agreed to in writing, software
10 # distributed under the License is distributed on an "AS IS" BASIS,
11 # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
12 # See the License for the specific language governing permissions and
13 # limitations under the License.
14 
15 import streamlit as st
16 
17 w1 = st.slider("Label 1", 0, 100, 25, 1)
18 st.write("Value 1:", w1)
19 
20 w2 = st.slider("Label 2", 0.0, 100.0, (25.0, 75.0), 0.5)
21 st.write("Value 2:", w2)
22 
23 if st._is_running_with_streamlit:
24 
25     def on_change():
26         st.session_state.slider_changed = True
27 
28     st.slider(
29         "Label 3",
30         min_value=0,
31         max_value=100,
32         value=25,
33         step=1,
34         key="slider3",
35         on_change=on_change,
36     )
37     st.write("Value 3:", st.session_state.slider3)
38     st.write("Slider changed:", "slider_changed" in st.session_state)
39
```
--- END FILES ---

Please first localize the bug based on the issue statement, and then generate a patch according to the `git diff` format fenced by three backticks.

Here is an example:

```diff
diff --git a/examples/server_async.py b/examples/server_async.py
--- a/examples/server_async.py
+++ b/examples/server_async.py
@@ -313,4 +313,4 @@
 
 
 if __name__ == "__main__":
-    asyncio.run(run_async_server("."), debug=True)
+    asyncio.run(run_async_server(), debug=True)
diff --git a/examples/server_sync.py b/examples/server_sync.py
--- a/examples/server_sync.py
+++ b/examples/server_sync.py
@@ -313,5 +313,5 @@
 
 
 if __name__ == "__main__":
-    server = run_sync_server(".")
+    server = run_sync_server()
     server.shutdown()

```

diff --git a/e2e/scripts/st_slider.py b/e2e/scripts/st_slider.py
--- a/e2e/scripts/st_slider.py
+++ b/e2e/scripts/st_slider.py
@@ -20,19 +20,28 @@
 w2 = st.slider("Label 2", 0.0, 100.0, (25.0, 75.0), 0.5)
 st.write("Value 2:", w2)
 
+w3 = st.slider(
+    "Label 3 - This is a very very very very very very very very very very very very very very very very very very very very long label",
+    0.0,
+    100.0,
+    (25.0, 75.0),
+    0.5,
+)
+st.write("Value 3:", w3)
+
 if st._is_running_with_streamlit:
 
     def on_change():
         st.session_state.slider_changed = True
 
     st.slider(
-        "Label 3",
+        "Label 4",
         min_value=0,
         max_value=100,
         value=25,
         step=1,
-        key="slider3",
+        key="slider4",
         on_change=on_change,
     )
-    st.write("Value 3:", st.session_state.slider3)
+    st.write("Value 4:", st.session_state.slider4)
     st.write("Slider changed:", "slider_changed" in st.session_state)

{"golden_diff": "diff --git a/e2e/scripts/st_slider.py b/e2e/scripts/st_slider.py\n--- a/e2e/scripts/st_slider.py\n+++ b/e2e/scripts/st_slider.py\n@@ -20,19 +20,28 @@\n w2 = st.slider(\"Label 2\", 0.0, 100.0, (25.0, 75.0), 0.5)\n st.write(\"Value 2:\", w2)\n \n+w3 = st.slider(\n+    \"Label 3 - This is a very very very very very very very very very very very very very very very very very very very very long label\",\n+    0.0,\n+    100.0,\n+    (25.0, 75.0),\n+    0.5,\n+)\n+st.write(\"Value 3:\", w3)\n+\n if st._is_running_with_streamlit:\n \n     def on_change():\n         st.session_state.slider_changed = True\n \n     st.slider(\n-        \"Label 3\",\n+        \"Label 4\",\n         min_value=0,\n         max_value=100,\n         value=25,\n         step=1,\n-        key=\"slider3\",\n+        key=\"slider4\",\n         on_change=on_change,\n     )\n-    st.write(\"Value 3:\", st.session_state.slider3)\n+    st.write(\"Value 4:\", st.session_state.slider4)\n     st.write(\"Slider changed:\", \"slider_changed\" in st.session_state)\n", "issue": "Slider value and description text overlap for slider in sidebar with long description\n### Summary\r\n\r\nIf you use a slider in the sidebar with a long description text, the slider value and the description text overlap. See screenshot:\r\n\r\n![sidebar_slider_streamlit_0_88_0](https://user-images.githubusercontent.com/14080364/133406203-2f6ea22c-ff6b-411c-b31f-0470fdf80192.png)\r\n\r\n\r\n### Steps to reproduce\r\n\r\nCode snippet:\r\n\r\n```python\r\nimport streamlit as st\r\n\r\ntopn_ranking = st.sidebar.slider(\r\n    \"Select the maximum amount of words for classification (higher value adds additional less frequent words to results)\",\r\n    10,\r\n    1000,\r\n    (100),\r\n)\r\n```\r\n\r\n**Expected behavior:**\r\n\r\nTo have non-overlapping slider value and description text.\r\n\r\nFor example, this is how it should look like (with Streamlit version 0.78.0):\r\n![sidebar_slider_streamlit_0_78_0](https://user-images.githubusercontent.com/14080364/133406411-60679061-0bee-491a-b949-9abcac40237a.png)\r\n\r\n**Actual behavior:**\r\n\r\nWhen I start the example of the code snippet, the current value and the description text of the slider overlap.\r\n\r\n### Is this a regression?\r\n\r\nYes, it was looking good with Streamlit 0.78.0.  My tests showed, that it changed in version 0.83.0.\r\n\r\n### Debug info\r\n\r\n- Streamlit version: 0.88.0\r\n- Python version: 3.8.10\r\n- Using poetry with pyenv\r\n- OS version: Ubuntu 20.04\r\n- Browser version: Google Chrome 93.0.4577.63\r\n\n", "before_files": [{"content": "# Copyright 2018-2021 Streamlit Inc.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#    http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n\nimport streamlit as st\n\nw1 = st.slider(\"Label 1\", 0, 100, 25, 1)\nst.write(\"Value 1:\", w1)\n\nw2 = st.slider(\"Label 2\", 0.0, 100.0, (25.0, 75.0), 0.5)\nst.write(\"Value 2:\", w2)\n\nif st._is_running_with_streamlit:\n\n    def on_change():\n        st.session_state.slider_changed = True\n\n    st.slider(\n        \"Label 3\",\n        min_value=0,\n        max_value=100,\n        value=25,\n        step=1,\n        key=\"slider3\",\n        on_change=on_change,\n    )\n    st.write(\"Value 3:\", st.session_state.slider3)\n    st.write(\"Slider changed:\", \"slider_changed\" in st.session_state)\n", "path": "e2e/scripts/st_slider.py"}], "after_files": [{"content": "# Copyright 2018-2021 Streamlit Inc.\n#\n# Licensed under the Apache License, Version 2.0 (the \"License\");\n# you may not use this file except in compliance with the License.\n# You may obtain a copy of the License at\n#\n#    http://www.apache.org/licenses/LICENSE-2.0\n#\n# Unless required by applicable law or agreed to in writing, software\n# distributed under the License is distributed on an \"AS IS\" BASIS,\n# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n# See the License for the specific language governing permissions and\n# limitations under the License.\n\nimport streamlit as st\n\nw1 = st.slider(\"Label 1\", 0, 100, 25, 1)\nst.write(\"Value 1:\", w1)\n\nw2 = st.slider(\"Label 2\", 0.0, 100.0, (25.0, 75.0), 0.5)\nst.write(\"Value 2:\", w2)\n\nw3 = st.slider(\n    \"Label 3 - This is a very very very very very very very very very very very very very very very very very very very very long label\",\n    0.0,\n    100.0,\n    (25.0, 75.0),\n    0.5,\n)\nst.write(\"Value 3:\", w3)\n\nif st._is_running_with_streamlit:\n\n    def on_change():\n        st.session_state.slider_changed = True\n\n    st.slider(\n        \"Label 4\",\n        min_value=0,\n        max_value=100,\n        value=25,\n        step=1,\n        key=\"slider4\",\n        on_change=on_change,\n    )\n    st.write(\"Value 4:\", st.session_state.slider4)\n    st.write(\"Slider changed:\", \"slider_changed\" in st.session_state)\n", "path": "e2e/scripts/st_slider.py"}]}