diff --git a/src/vs/workbench/browser/parts/views/media/views.css b/src/vs/workbench/browser/parts/views/media/views.css
index 262a5c34bbf..9111b05e6b9 100644
--- a/src/vs/workbench/browser/parts/views/media/views.css
+++ b/src/vs/workbench/browser/parts/views/media/views.css
@@ -298,11 +298,16 @@
 }
 
 .panel > .title .monaco-action-bar .action-item.viewpane-filter-container {
-	max-width: 400px;
+	max-width: 200px;
 	min-width: 150px;
 	margin-right: 10px;
 }
 
+.panel > .title .monaco-action-bar .action-item.viewpane-filter-container:active,
+.panel > .title .monaco-action-bar .action-item.viewpane-filter-container:focus-within {
+	max-width: 400px;
+}
+
 .pane-body .viewpane-filter-container:not(:empty) {
 	flex: 1;
 	margin: 10px 20px;