Buttons vs. Text in layout

Reading https://ipywidgets.readthedocs.io/en/stable/examples/Widget Styling.html

Why do Buttons behave differently to Texts? I would expect to see two smaller text areas, and no scrollbar.

(Sorry, not much of a frontend guy)

[jasongrout]

For some reason, the browser is clamping things to a minimum width. Try explicitly setting the min width, like this:

import ipywidgets as widgets

widgets.HBox([
    widgets.Text(layout={'min_width': '0'}),
    widgets.Text(layout={'min_width': '0'}),    
], layout={'width': '200px'})

[jasongrout]

Closing as resolved - feel free to comment below if needed, though!