forms - Fixed width for buttons or proportional with the text
![](https://i.stack.imgur.com/xAsv0.png)
What is the best practice for a UI, to make all the similar buttons with a fixed-width, no matter how long is the text (with the condition to fit) or make the width proportional with the text and a
![](https://miro.medium.com/v2/resize:fit:984/1*E2PI5xNw9p4JCqkrAtbzRg.png)
Margin and padding : overview and rules
![](https://codyhouse.co/web/assets/img/posts/vertical-text-alignment-buttons-input.png)
Vertical text alignment in buttons and inputs
![](https://learn.microsoft.com/en-us/dotnet/desktop/winforms/controls/media/layout/location+container.png?view=netdesktop-8.0)
Control layout options - Windows Forms .NET
![](https://miro.medium.com/v2/resize:fit:1400/1*Zi3Kfd-bMw3Ybb6R9-Cm6A.png)
Best Practices for Designing Buttons, by Nanzing Johnmark
![](https://i.stack.imgur.com/ZEPx7.png)
html - Make button width fit to the text - Stack Overflow
![](https://carbondesignsystem.com/static/10f84cdf20805fc04dd818105a939545/3cbba/form-usage-1.png)
Form – Carbon Design System
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/09/f803eeb5-2880-4ff7-853b-6cde33509620/da48218c-8a62-4eda-b377-b1740daa10cd.gif)
Studio Editor: Setting the Size of Your Elements, Help Center
![](https://i.stack.imgur.com/nxT9B.png)
How to layout a column of buttons with their widths equal to the width of the widest one in Flutter? - Stack Overflow
How to create buttons of fixed width using CSS - Quora