Fix #77882

src/vs/workbench/contrib/markers/browser/markersPanelActions.ts

@@ -159,6 +159,7 @@ export class MarkersFilterActionViewItem extends BaseActionViewItem {
 	toggleLayout(small: boolean) {
 		if (this.container) {
 			DOM.toggleClass(this.container, 'small', small);
+			this.adjustInputBox();
 		}
 	}
 
@@ -247,7 +248,7 @@ export class MarkersFilterActionViewItem extends BaseActionViewItem {
 	}
 
 	private adjustInputBox(): void {
-		this.filterInputBox.inputElement.style.paddingRight = (DOM.getTotalWidth(this.controlsContainer) || 20) + 'px';
+		this.filterInputBox.inputElement.style.paddingRight = DOM.hasClass(this.container, 'small') || DOM.hasClass(this.filterBadge, 'hidden') ? '25px' : '150px';
 	}
 
 	// Action toolbar is swallowing some keys for action items which should not be for an input box