diff --git a/packages/trace-viewer/src/ui/networkFilters.css b/packages/trace-viewer/src/ui/networkFilters.css
index 836c7102c9..298ef07ef0 100644
--- a/packages/trace-viewer/src/ui/networkFilters.css
+++ b/packages/trace-viewer/src/ui/networkFilters.css
@@ -30,15 +30,18 @@
   display: flex;
   gap: 8px;
   align-items: center;
+  overflow: auto;
+  width: 100%;
 }
 
 .network-filters-resource-type {
   cursor: pointer;
   border-radius: 2px;
-  padding: 3px 8px;
+  padding: 3px 5px;
   text-align: center;
   overflow: hidden;
   text-overflow: ellipsis;
+  min-width: 50px;
 }
 
 .network-filters-resource-type.selected {