diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
index 701dcc93e..b65ac9a98 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/components/stream/stream.component.scss
@@ -47,25 +47,28 @@
 	.stream-video-controls {
 		background-color: var(--ov-primary-action-color);
 		border-radius: var(--ov-video-radius);
+		backdrop-filter: blur(8px);
 		width: fit-content;
-		height: 50px;
+		height: 44px;
 		opacity: 0.5;
 		position: absolute;
 		display: inline-grid;
 		z-index: 9999;
-		margin: auto;
-		bottom: 0;
-		right: 0;
-		left: 0;
-		top: 0;
-		// border: 2px solid var(--ov-text-primary-color);
+		bottom: 12px;
+		left: 50%;
+		transform: translateX(-50%);
+		transition: opacity 0.3s ease, transform 0.3s ease;
+		padding: 4px 8px;
+		box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
 		button {
 			color: var(--ov-text-primary-color);
+			transition: all 0.2s ease;
 		}
 	}
 
 	.stream-video-controls:hover {
 		opacity: 1;
+		transform: translateX(-50%) translateY(-2px);
 	}
 
 	.status-icons {