diff --git a/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml b/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml
index 641e1ec01c..a4e67587cf 100644
--- a/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml
+++ b/src/opnsense/mvc/app/controllers/OPNsense/Firewall/forms/dialogFilterRule.xml
@@ -653,7 +653,6 @@
statistics
115
- 200
diff --git a/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt b/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
index 90d986fe84..d4cbd552d9 100644
--- a/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
+++ b/src/opnsense/mvc/app/views/OPNsense/Firewall/filter_rule.volt
@@ -550,14 +550,9 @@
return "";
}
- // Split into two vertical rows
- const firstGroup = parts.slice(0, 2).join(" ");
- const secondGroup = parts.slice(2).join(" ");
-
return `
-
${firstGroup}
-
${secondGroup}
+ ${parts.join("")}
`;
},
@@ -1056,11 +1051,20 @@
.stats-cell {
display: flex;
- flex-direction: column;
+ flex-wrap: wrap;
+ gap: 4px 10px;
+ align-items: center;
+ container-type: inline-size;
}
- .stats-cell div {
- gap: 6px;
+ .stats-cell > span {
+ white-space: nowrap;
+ }
+
+ @container (max-width: 160px) {
+ .stats-cell > span {
+ flex: 1 1 50%;
+ }
}