Edit corner shapes
Edit and change the corner shapes applied globally to components such as buttons, modals, and drop-down menus throughout your Theme Builder theme.
Before you begin
Role required: ui_builder_admin
For information on granular roles, see Granular admin roles.
Procedure
-
Navigate to All > Now Experience Framework > Theme Builder.
The Theme Builder landing page appears in the Home page view.
-
Use the Page drop-down list to select the Editor page view.
[Omitted image "tb-editor-page-list.png"] Alt text: Page drop-down list with Editor selected.
-
From the Theme drop-down list, select the theme that you want to edit.
The Global styles tab opens automatically with the Overview panel displayed.
[Omitted image "tb-editor-page-view.png"] Alt text: Example view of the Editor page.
-
From the Overview panel, navigate to the Shape section and select the current shape listed in the Corners field.
[Omitted image "tb-overview-shape.png"] Alt text: Overview panel Shape section.
Note: You can also change the shape directly from the Shape panel.
[Omitted image "tb-shape-panel.png"] Alt text: Global styles Shape panel.
-
Select a new corner shape from the list of predefined shapes.
[Omitted image "tb-pick-corner-shape-modal.png"] Alt text: Pick a corner shape modal with Most rounded selected.
Note: Use the preview pane within the modal to view how the components look for each corner shape you select.
-
Select Save.
Result
If your theme is published, your edits are visible to users who have your theme applied on refresh. For information on publishing your theme, see Publish your themes with Theme Builder.
Parent Topic:Working with Global styles
---
title: Edit corner shapes
description: Edit and change the corner shapes applied globally to components such as buttons, modals, and drop-down menus throughout your Theme Builder theme.
locale: en-US
canonical_url: https://www.servicenow.com/docs/r/australia/platform-user-interface/edit-corner-shapes.html
release: australia
topic_type: task
last_updated: "2026-09-10"
reading_time_minutes: 1
keywords: [edit theme shapes, edit corner shapes, theme builder]
breadcrumb: [Global styles, Manage or edit a theme, Configuring Next Experience with Theme Builder, Working with themes, Configure, Next Experience UI, Configure UIs and portals, Configure user experiences]
---
# Edit corner shapes
Edit and change the corner shapes applied globally to components such as buttons, modals, and drop-down menus throughout your Theme Builder theme.
## Before you begin
Role required: ui\_builder\_admin
For information on granular roles, see [Granular admin roles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/platform-security/granular-admin-roles.md).
## Procedure
1. Navigate to **All** > **Now Experience Framework** > **Theme Builder**.
The Theme Builder landing page appears in the Home page view.
2. Use the Page drop-down list to select the Editor page view.
\[Omitted image "tb-editor-page-list.png"\] Alt text: Page drop-down list with Editor selected.
3. From the Theme drop-down list, select the theme that you want to edit.
The **Global styles** tab opens automatically with the Overview panel displayed.
\[Omitted image "tb-editor-page-view.png"\] Alt text: Example view of the Editor page.
4. From the Overview panel, navigate to the Shape section and select the current shape listed in the **Corners** field.
\[Omitted image "tb-overview-shape.png"\] Alt text: Overview panel Shape section.
**Note:** You can also change the shape directly from the Shape panel.
\[Omitted image "tb-shape-panel.png"\] Alt text: Global styles Shape panel.
5. Select a new corner shape from the list of predefined shapes.
\[Omitted image "tb-pick-corner-shape-modal.png"\] Alt text: Pick a corner shape modal with Most rounded selected.
**Note:** Use the preview pane within the modal to view how the components look for each corner shape you select.
6. Select **Save**.
## Result
If your theme is published, your edits are visible to users who have your theme applied on refresh. For information on publishing your theme, see [Publish your themes with Theme Builder](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/tb-apply-theme.md).
**Parent Topic:**[Working with Global styles](https://raw.githubusercontent.com/ServiceNow/ServiceNowDocs/australia/markdown/australia/platform-user-interface/working-with-global-styles.md)
| title | Edit corner shapes |
| description | Edit and change the corner shapes applied globally to components such as buttons, modals, and drop-down menus throughout your Theme Builder theme. |
| locale | en-US |
| canonical_url | https://www.servicenow.com/docs/r/australia/platform-user-interface/edit-corner-shapes.html |
| release | australia |
| topic_type | task |
| last_updated | 2026-09-10 |
| reading_time_minutes | 1 |
| keywords | edit theme shapesedit corner shapestheme builder |
| breadcrumb | Global stylesManage or edit a themeConfiguring Next Experience with Theme BuilderWorking with themesConfigureNext Experience UIConfigure UIs and portalsConfigure user experiences |