# Style your widgets

You can style your widgets using the right-hand panel, which contains all the design and customisation tools. Select a widget to style it individually, or switch to the ‘Global Styles’ tab to apply consistent styling across all widgets, perfect for keeping your app aligned with a specific theme or brand. Click the Advanced CSS button to edit the HTML and fine-tune the styling of your widgets for greater control. If you want to protect a widget from being changed by global styles, use the ‘Lock Widget’ function.

<figure><img src="https://1899894788-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fg2iLUxQhiVFokdfLVpec%2Fuploads%2FpNbdMQnxTiPSGq7Ejijz%2FScreenshot%202025-09-01%20133847.png?alt=media&#x26;token=cf948e5b-f358-462b-b190-1da2f2ec9f1e" alt=""><figcaption></figcaption></figure>

When you’re done, hit Preview to see how your changes look when applied to the widgets and click save to keep all of your changes.