diff --git a/static/app/components/events/groupingInfo/groupingInfo.tsx b/static/app/components/events/groupingInfo/groupingInfo.tsx
index 1e1022eddef425..ddf07bd67752d0 100644
--- a/static/app/components/events/groupingInfo/groupingInfo.tsx
+++ b/static/app/components/events/groupingInfo/groupingInfo.tsx
@@ -69,7 +69,7 @@ export default function GroupingInfo({
   );
 
   return (
-    <GroupingInfoContainer>
+    <Fragment>
       <ConfigHeader>
         {hasStreamlinedUI && (
           <GroupInfoSummary
@@ -116,17 +116,10 @@ export default function GroupingInfo({
               </Fragment>
             ))
         : null}
-    </GroupingInfoContainer>
+    </Fragment>
   );
 }
 
-const GroupingInfoContainer = styled('div')`
-  width: 100%;
-  max-width: 100%;
-  overflow: hidden;
-  box-sizing: border-box;
-`;
-
 const ConfigHeader = styled('div')`
   display: flex;
   justify-content: space-between;
diff --git a/static/app/components/events/groupingInfo/groupingSummary.tsx b/static/app/components/events/groupingInfo/groupingSummary.tsx
index e84424d6a5e7a3..a139f192f5767a 100644
--- a/static/app/components/events/groupingInfo/groupingSummary.tsx
+++ b/static/app/components/events/groupingInfo/groupingSummary.tsx
@@ -40,7 +40,13 @@ export function GroupInfoSummary({
       : null;
 
   if (isPending && !hasPerformanceGrouping) {
-    return <Placeholder height="20px" style={{marginBottom: '20px'}} />;
+    return (
+      <Placeholder
+        height="20px"
+        width="unset"
+        style={{flexGrow: 1, marginBottom: '20px'}}
+      />
+    );
   }
 
   return (