diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts
index 69dc65f4b5..52e79f6352 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/tree/tree-item/document-tree-item.element.ts
@@ -134,6 +134,7 @@ export class UmbDocumentTreeItemElement extends UmbTreeItemElementBase<UmbDocume
 				background: var(--uui-color-surface-emphasis);
 			}
 
+			/** Active */
 			[active] #icon-lock {
 				background: var(--uui-color-current);
 			}
@@ -142,6 +143,20 @@ export class UmbDocumentTreeItemElement extends UmbTreeItemElementBase<UmbDocume
 				background: var(--uui-color-current-emphasis);
 			}
 
+			/** Selected */
+			[selected] #icon-lock {
+				background-color: var(--uui-color-selected);
+			}
+
+			[selected]:hover #icon-lock {
+				background-color: var(--uui-color-selected-emphasis);
+			}
+
+			/** Disabled */
+			[disabled] #icon-lock {
+				background-color: var(--uui-color-disabled);
+			}
+
 			.draft {
 				opacity: 0.6;
 			}