diff --git a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/property-editor-picker/modal-layout-property-editor-picker.element.ts b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/property-editor-picker/modal-layout-property-editor-picker.element.ts
index 780ed8d428..03f34de742 100644
--- a/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/property-editor-picker/modal-layout-property-editor-picker.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/core/services/modal/layouts/property-editor-picker/modal-layout-property-editor-picker.element.ts
@@ -56,10 +56,12 @@ export class UmbModalLayoutPropertyEditorPickerElement extends UmbContextConsume
 				list-style: none;
 				height: 100%;
 				border: 1px solid transparent;
+				border-radius: var(--uui-border-radius);
 			}
 
 			#item-grid .item:hover {
-				background: whitesmoke;
+				background: var(--uui-color-surface-emphasis);
+				color: var(--uui-color-interactive-emphasis);
 				cursor: pointer;
 			}
 
@@ -80,6 +82,8 @@ export class UmbModalLayoutPropertyEditorPickerElement extends UmbContextConsume
 				font-size: 0.8rem;
 				height: 100%;
 				width: 100%;
+				color: var(--uui-color-interactive);
+				border-radius: var(--uui-border-radius);
 			}
 
 			#item-grid .item .icon {