diff --git a/openvidu-testapp/src/app/components/video-track/video-track.component.css b/openvidu-testapp/src/app/components/video-track/video-track.component.css
index ed9ece4b1..f96668b56 100644
--- a/openvidu-testapp/src/app/components/video-track/video-track.component.css
+++ b/openvidu-testapp/src/app/components/video-track/video-track.component.css
@@ -60,7 +60,10 @@ video {
   font-weight: bold;
 }
 
-::ng-deep #max-video-quality * {
+/* Compact the form-field chrome, but exclude the CDK overlay popover
+   (Angular CDK v21 renders it inside the component via the Popover API). */
+::ng-deep #max-video-quality > :not(.cdk-overlay-popover),
+::ng-deep #max-video-quality > :not(.cdk-overlay-popover) * {
   height: 16px !important;
   width: 8px !important;
   min-height: 16px !important;
@@ -68,3 +71,13 @@ video {
   padding: 0 !important;
   border-color: transparent !important;
 }
+
+/* Let the dropdown panel and its options render at their natural size */
+::ng-deep #max-video-quality .cdk-overlay-popover,
+::ng-deep #max-video-quality .cdk-overlay-popover * {
+  width: auto !important;
+  min-width: auto !important;
+  height: auto !important;
+  min-height: auto !important;
+  padding: revert !important;
+}