diff --git a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/layout/layout-calculator.model.ts b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/layout/layout-calculator.model.ts
index ba8d76f21..d2a8b38f3 100644
--- a/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/layout/layout-calculator.model.ts
+++ b/openvidu-components-angular/projects/openvidu-components-angular/src/lib/models/layout/layout-calculator.model.ts
@@ -216,9 +216,9 @@ export class LayoutCalculator {
 			let currentTop = areas.normal.top;
 			let remainingHeight = areas.normal.height;
 
-			// 1. Position TopBar Elements at the very top (header style: full width, 80px height)
+			// 1. Position TopBar Elements at the very top (header style: full width, 50px height)
 			if (topBarOnes.length > 0) {
-				const topBarHeight = 80;
+				const topBarHeight = 50;
 				const topBarWidth = Math.floor(containerWidth / topBarOnes.length);
 
 				topBarBoxes = topBarOnes.map((element, idx) => {