diff --git a/webview-ui/src/components/modes/ModesView.tsx b/webview-ui/src/components/modes/ModesView.tsx
index 188cd6cb1e..d18de20d90 100644
--- a/webview-ui/src/components/modes/ModesView.tsx
+++ b/webview-ui/src/components/modes/ModesView.tsx
@@ -670,8 +670,8 @@ const ModesView = ({ onDone }: ModesViewProps) => {
 																{modeConfig.name}
 															</span>
 															<span
-																className="text-foreground text-xs opacity-70 truncate flex-shrink-0 max-w-[40%] text-right"
-																style={{ direction: "rtl" }}
+																className="text-foreground text-xs opacity-70 truncate flex-shrink-0 max-w-[40%]"
+																style={{ textAlign: "right" }}
 																title={modeConfig.slug}>
 																{modeConfig.slug}
 															</span>
diff --git a/webview-ui/src/index.css b/webview-ui/src/index.css
index 15ff1cfd5a..ee340f0ce3 100644
--- a/webview-ui/src/index.css
+++ b/webview-ui/src/index.css
@@ -570,12 +570,6 @@ input[cmdk-input]:focus {
 	max-width: 100%;
 }
 
-.dropdown-container {
-	min-width: 0;
-	flex: 1;
-	overflow: hidden;
-}
-
 /* Settings view specific responsive adjustments */
 @container (max-width: 400px) {
 	/* Reduce button sizes in very narrow containers */