{"id":19000050,"date":"2026-08-22T07:25:40","date_gmt":"2026-08-22T07:25:40","guid":{"rendered":"https:\/\/wordpress.org\/support\/topic\/block-button-length\/"},"modified":"2026-08-22T07:43:36","modified_gmt":"2026-08-22T07:43:36","slug":"block-button-length","status":"publish","type":"topic","link":"https:\/\/wordpress.org\/support\/topic\/block-button-length\/","title":{"rendered":"Block button length"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">It seems wordpress core changed how <code>has-custom-width<\/code>\/<code>wp-block-button__width-100<\/code> works since 6.8.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Core&#8217;s CSS added a new rule that forces the inner link to <code>width: 100%<\/code> whenever the button has <code>has-custom-width<\/code>. Before this change, width-100 only stretched the outer <code>div class=\"wp-block-button\"<\/code> to fill its flex container, now it also stretches the <code>a<\/code> link inside it to fill the div.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">I think this problem combined with some new updates in 7.1 caused my vertical flex list to totally change behaviour and there is no any native way to fix my vertical buttons outline length mismatch.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This created quite a lot of problems with the theme unless I use custom CSS to fix each block. Would you consider fixing this problem?<\/p>\n","protected":false},"template":"","class_list":["post-19000050","topic","type-topic","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19000050","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic"}],"about":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/types\/topic"}],"version-history":[{"count":0,"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/topic\/19000050\/revisions"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/support\/wp-json\/wp\/v2\/media?parent=19000050"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}