prompt: 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()
  
  ```
  
golden_diff: 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)
  
verification_info: {"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"}]}