--- title: Revisiting form elements in Vanilla Framework description: 'Over the years, we’ve identified a number of areas for improvement when it comes to the basic building blocks of a form – inputs, buttons, etc: Long-standing complaints that inputs and buttons are too similar and therefore hard to distinguish “Noisiness” of long forms caused by the presence of borders around all sides of inputs […]' url: https://canonical.com/blog/revisitign-form-elements-in-vanilla-framework --- 1. [Blog](https://canonical.com/blog) 2. Article --- [Lyubomir Popov](https://canonical.com/blog/author/lyubomir-popov "More about Lyubomir Popov") 12 December 2022 # Revisiting form elements in Vanilla Framework --- Share the article Over the years, we’ve identified a number of areas for improvement when it comes to the basic building blocks of a form – inputs, buttons, etc: * Long-standing complaints that inputs and buttons are too similar and therefore hard to distinguish * “Noisiness” of long forms caused by the presence of borders around all sides of inputs and buttons Last cycle, our proposal for updated form elements was discussed and approved, and in this iteration, we worked on implementing it in Vanilla, our front-end framework. Before Vanilla 3.9: After Vanilla 3.9: * We’ve reduced the number of borders (all around) to the minimum required to satisfy WCAG contrast ratio requirements for interactive elements * We’ve removed round corners from buttons and other elements, as part of a wider push to align better with the work of our Brand team * We’ve introduced subtle transitions when interacting with form elements This update also affects components that build on the functionality of form elements, like our search and Filter component: The updated style was released as part of Vanilla 3.9.0 release. [Version 3.9.0](https://github.com/canonical/vanilla-framework/releases/tag/v3.9.0) has just been released. You can see the updated form elements in action [here](https://vanillaframework.io/docs/base/forms) [Get in touch Interested in running Ubuntu in your organization?](https://ubuntu.com/about/contact-us/form) ## Sign up for our newsletter Get the latest Canonical news and updates in your inbox. Work email: \*I agree to receive information about Canonical's products and services. In submitting this form, I confirm that I have read and agree to [Canonical's Privacy Notice](https://canonical.com/legal/data-privacy/contact) and [Privacy Policy](https://canonical.com/legal/data-privacy). Sign up ## Share on --- ## Related posts [### AI infrastructure for telcos](https://canonical.com/blog/ai-infrastructure-for-telcos) Why moving from pilots to production changes the platform Artificial intelligence has moved beyond the demonstration phase. Telco operators are already exploring it for fault... [Benjamin Ryzman](https://canonical.com/blog/author/benjaminryzman) 2 October 2026 [### Canonical named a Challenger in the 2026 GartnerⓇ Magic Quadrant™ for Server Virtualization Platforms](https://canonical.com/blog/canonical-a-challenger-in-2026-gartner-magic-quadrant-for-server-virtualization-platforms) Canonical has been recognized as a Challenger in the 2026 GartnerⓇ Magic Quadrant™ for Server Virtualization Platforms. The inaugural edition of the report provides an... [Canonical](https://canonical.com/blog/author/canonical) 1 October 2026 [### Canonical announces the alpha release of Charmed OpenShell to help secure autonomous AI agent fleets](https://canonical.com/blog/charmed-openshell-alpha-release) To streamline enterprise deployment and lifecycle management, Canonical is announcing the alpha release of Charmed OpenShell. [Canonical](https://canonical.com/blog/author/canonical) 28 September 2026 [### Ubuntu coming soon to Snapdragon X2 Series platforms, unlocking more Linux PCs for the agentic world](https://canonical.com/blog/ubuntu-coming-soon-to-qualcomm-snapdragon-x2-series-platforms) Canonical and Qualcomm Technologies announce upcoming native Ubuntu support for Qualcomm’s flagship laptop silicon, delivering multi-day battery life, 80 TOPS NPU acceleration,... [Canonical](https://canonical.com/blog/author/canonical) 23 September 2026