diff --git a/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss b/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
index 565803a..9f6b9f7 100644
--- a/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
+++ b/frontend/projects/shared-meet-components/src/lib/components/share-meeting-link/share-meeting-link.component.scss
@@ -6,7 +6,7 @@
 		text-align: center;
 		font-size: var(--ov-meet-font-size-sm);
 		font-weight: var(--ov-meet-font-weight-light);
-		color: var(--ov-meet-text-on-surface);
+		color: var(--ov-text-surface-color); // Use ov-components variable
 		margin-bottom: var(--ov-meet-spacing-sm);
 
 		&.sm {
@@ -36,10 +36,10 @@
 		}
 	}
 
-	.meeting-url-badge-subtitle{
+	.meeting-url-badge-subtitle {
 		text-align: center;
 		font-size: var(--ov-meet-font-size-md);
-		color: var(--ov-meet-text-on-surface);
+		color: var(--ov-text-surface-color); // Use ov-components variable
 		margin: var(--ov-meet-spacing-sm);
 	}
 	.meeting-url-badge-container {
@@ -47,22 +47,18 @@
 		@include ov-theme-transition;
 		gap: var(--ov-meet-spacing-sm);
 		padding: var(--ov-meet-spacing-sm) var(--ov-meet-spacing-md);
-		background-color: var(--ov-meet-surface-color);
+		background-color: var(--ov-surface-color); // Use ov-components variable
 		border: 1px solid var(--ov-meet-border-color-light);
+		color: var(--ov-text-surface-color); // Use ov-components variable
 		border-radius: var(--ov-meet-radius-lg);
 		max-width: fit-content;
 		margin: auto;
 		cursor: pointer;
 
-		&:hover {
-			background-color: var(--ov-meet-surface-hover);
-			border-color: var(--ov-meet-border-color);
-		}
-
 		.meeting-url-text {
 			font-family: var(--ov-meet-font-family-mono, 'Roboto Mono', monospace);
 			font-size: var(--ov-meet-font-size-sm);
-			color: var(--ov-meet-text-on-surface);
+			color: var(--ov-text-surface-color); // Use ov-components variable
 			font-weight: var(--ov-meet-font-weight-medium);
 			letter-spacing: 0.025em;
 			user-select: none;
diff --git a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
index 3c51df4..8e3e8ac 100644
--- a/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
+++ b/frontend/projects/shared-meet-components/src/lib/pages/meeting/meeting.component.scss
@@ -245,7 +245,7 @@
 }
 
 .main-share-meeting-link-container {
-	background-color: var(--ov-meet-surface-color);
+	background-color: var(--ov-surface-color); // Use ov-components variable
 	display: flex;
 	align-items: center;
 	justify-content: center;