diff --git a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts
index 253f5ee822..aa156524b6 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/documents/documents/modals/rollback/rollback-modal.element.ts
@@ -314,6 +314,9 @@ export class UmbRollbackModalElement extends UmbModalBaseElement<UmbRollbackModa
 	static styles = [
 		UmbTextStyles,
 		css`
+			:host {
+				color: var(--uui-color-text);
+			}
 			#language-select {
 				display: flex;
 				flex-direction: column;
@@ -323,10 +326,10 @@ export class UmbRollbackModalElement extends UmbModalBaseElement<UmbRollbackModa
 				font-size: 15px;
 			}
 			#diff .added {
-				background-color: #d1ffdb;
+				background-color: #29ff6d5a;
 			}
 			#diff .removed {
-				background-color: #ffd1d1;
+				background-color: #ff35356a;
 			}
 			.rollback-item {
 				position: relative;