diff --git a/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue b/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue
index 4d3abf26a..2b9108826 100644
--- a/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue
+++ b/src/app/connections/views/ConnectionInboundSummaryOverviewView.vue
@@ -93,10 +93,11 @@
 
             :items="rulesData!.rules"
           >
-            <div class="stack mt-4">
+            <div class="mt-4">
               <AccordionList
                 :initially-open="0"
                 multiple-open
+                class="stack"
               >
                 <template
                   v-for="(rules, key) in Object.groupBy(items, item => item.type)"
diff --git a/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue b/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue
index bf2cad938..244153405 100644
--- a/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue
+++ b/src/app/connections/views/ConnectionOutboundSummaryOverviewView.vue
@@ -50,10 +50,11 @@
 
                 :items="rulesData!.rules"
               >
-                <div class="stack mt-4">
+                <div class="mt-4">
                   <AccordionList
                     :initially-open="0"
                     multiple-open
+                    class="stack"
                   >
                     <template
                       v-for="(rules, key) in Object.groupBy(items, item => item.type)"