From d150e2672e0523e2c123cb884ae92a3f2fb233fe Mon Sep 17 00:00:00 2001
From: SkyZeroZx <73321943+SkyZeroZx@users.noreply.github.com>
Date: Thu, 2 Apr 2026 13:48:19 -0500
Subject: [PATCH] docs(docs-infra): Enhances update guide layout responsiveness

The version dropdown width now uses `clamp()` for better responsiveness.

(cherry picked from commit 164cf988790532ac959f3a2583d934f307d7bbcf)
---
 adev/src/app/features/update/update.component.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/adev/src/app/features/update/update.component.scss b/adev/src/app/features/update/update.component.scss
index 02694dc2eea..f1f8fefe96a 100644
--- a/adev/src/app/features/update/update.component.scss
+++ b/adev/src/app/features/update/update.component.scss
@@ -1,12 +1,12 @@
 @use '@angular/docs/styles/media-queries' as mq;
 
-$ver-dropdown-width: 200px;
+$ver-dropdown-width: clamp(165px, 20vw, 200px);
 
 :host {
   display: flex;
   flex-flow: column;
   align-items: center;
-  padding: var(--layout-padding) 0px;
+  padding: var(--layout-padding);
   container: update-guide-page / inline-size;
 
   .docs-viewer {