# How to override the default "min-width: 390px" of weweb's "Tabs" basic building block? **URL:** \ **Category:** Ask us anything\ **Tags:** design\ **Created:** [January 27, 2025, 6:49pm UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920 "2025-01-27T18:49:50Z")\ **Posts on this page:** 6\ **Page:** 1
**Author:** ![Harvey](https://avatars.discourse-cdn.com/v4/letter/h/96bed5/32.png) [@Harvey](https://community.weweb.io/u/Harvey)\ **Post date:** [January 27, 2025, 6:49pm UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920/1 "2025-01-27T18:49:51Z")
Weweb’s “Tabs” basic building block (found in the ‘Data Display’ category of the ‘Basics’ category) seems to be equipped with a default “min-width: 390px” setting. More specifically, if in Chrome I right-click on the ‘Headers’ part of the Tabs building block (even before adding any custom settings), I see the following: ![screenshot-tabs-asset-with-390-minwidth](https://us1.discourse-cdn.com/flex016/uploads/weweb/original/2X/a/ad7a8d4e80792ec480297e7b8db6821fbaee0a77.jpeg) It seems the “min-width: 390px” is hardcoded in the Tabs asset and not something user-configurable. Is there any way/trick to change/overrule this setting? Unfortunately this value is currently breaking my design given that I’d like the width of the Tabs building block to dynamically adjust to sub-390 sizes depending on the screensize… Thanks a ton in advance for any and all thoughts and tips ---
**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\ **Post date:** [January 30, 2025, 12:18pm UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920/2 "2025-01-30T12:18:53Z")
Hi @Harvey Do you want tabs to shrink when it’s empty? If not, you can just add an HTML element and paste the code below: .tabs-container { min-width: auto !important; } ---
**Author:** ![Harvey](https://avatars.discourse-cdn.com/v4/letter/h/96bed5/32.png) [@Harvey](https://community.weweb.io/u/Harvey)\ **Post date:** [January 30, 2025, 7:37pm UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920/3 "2025-01-30T19:37:27Z")
Hi @DanielL, many thanks for your response Could you please clarify what you mean with “just add an HTML element”? I’ve tried a lot of things based on your suggestion, but without success so far… Generally speaking your css code suggestion sounds very good, but I would think that for it to work the css code would have to be added to the section of the page? I’m building on the free plan and it seems including css code in the is not working for the free plan. Is that correct or is there a way to try out css code in the section on the free plan? ---
**Author:** ![DanielL](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/daniell/32/13398_2.png) [@DanielL](https://community.weweb.io/u/DanielL)\ **Post date:** [February 1, 2025, 5:15am UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920/4 "2025-02-01T05:15:53Z")
Hey @Harvey Sorry for not being clear. I meant adding the HTML element from the add panel, it’s a specific element that we have that allows you to add markup, styles and scripts. You will be able to target the Tab’s class there by using .tabs-container inside style tags If you want more customization options, I recommend you inspect the tabs element to get specific classes from it. The new Tabs element will fix that issue ---
**Author:** ![Harvey](https://avatars.discourse-cdn.com/v4/letter/h/96bed5/32.png) [@Harvey](https://community.weweb.io/u/Harvey)\ **Post date:** [February 2, 2025, 2:21pm UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920/5 "2025-02-02T14:21:57Z")
Hi @DanielL, many thanks, that did solve the issue! For reference of other readers: I added the HTML element from the Add panel and gave it following HTML code: .tabs-container { min-width: auto !important; } ---
**Author:** ![da-wang](https://sea2.discourse-cdn.com/flex016/user_avatar/community.weweb.io/da-wang/32/10904_2.png) [@da-wang](https://community.weweb.io/u/da-wang)\ **Post date:** [June 2, 2025, 10:05am UTC](https://community.weweb.io/t/how-to-override-the-default-min-width-390px-of-wewebs-tabs-basic-building-block/15920/6 "2025-06-02T10:05:19Z")
hello Harvey do you mind sharing a screenshot to see how you implemented this? Cheers