diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js
index 2e12c0cee..3746c1174 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/GroupHeader/index.js
@@ -23,7 +23,7 @@ const GroupHeader = observer(
       const { collapseStore, group, silenceFormStore } = this.props;
 
       return (
-        <h5 className="card-title text-center mb-0">
+        <h5 className="card-title text-center mb-0 clearfix">
           <span className="float-left">
             <GroupMenu group={group} silenceFormStore={silenceFormStore} />
           </span>
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
index 57b73a3ee..815ddf9d5 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/index.js
@@ -157,7 +157,11 @@ const AlertGroup = observer(
         >
           <div className="components-grid-alertgrid-alertgroup p-1">
             <div className="card">
-              <div className="card-body px-2 pt-2 pb-1">
+              <div
+                className={`card-body ${
+                  this.collapse.value ? "p-2" : "px-2 pt-2 pb-1"
+                }`}
+              >
                 <GroupHeader
                   collapseStore={this.collapse}
                   group={group}