💄 style comments

Author: michellewzhang

static/app/views/issueDetails/groupFeatureFlags/flagDetailsDrawerContent.tsx

@@ -219,9 +219,6 @@ const Body = styled('div')`
 `;
 
 const Header = styled(Body)`
-  display: grid;
-  grid-column: 1 / -1;
-  grid-template-columns: subgrid;
   border-bottom: 1px solid ${p => p.theme.border};
   margin: 0 ${space(1)};
 `;

static/app/views/issueDetails/groupFeatureFlags/groupFeatureFlagsDrawerContent.tsx

@@ -8,7 +8,6 @@ import useGroupFeatureFlags from 'sentry/views/issueDetails/groupFeatureFlags/us
 import {
   Container,
   StyledEmptyStateWarning,
-  Wrapper,
 } from 'sentry/views/issueDetails/groupTags/groupTagsDrawer';
 import TagDetailsLink from 'sentry/views/issueDetails/groupTags/tagDetailsLink';
 import {TagDistribution} from 'sentry/views/issueDetails/groupTags/tagDistribution';
@@ -76,14 +75,12 @@ export default function GroupFeatureFlagsDrawerContent({
         : t('No feature flags were found for this search')}
     </StyledEmptyStateWarning>
   ) : (
-    <Wrapper>
-      <Container>
-        {displayTags.map((tag, tagIdx) => (
-          <TagDetailsLink tag={tag} groupId={group.id} key={tagIdx}>
-            <TagDistribution tag={tag} key={tagIdx} />
-          </TagDetailsLink>
-        ))}
-      </Container>
-    </Wrapper>
+    <Container>
+      {displayTags.map((tag, tagIdx) => (
+        <TagDetailsLink tag={tag} groupId={group.id} key={tagIdx}>
+          <TagDistribution tag={tag} key={tagIdx} />
+        </TagDetailsLink>
+      ))}
+    </Container>
   );
 }

static/app/views/issueDetails/groupTags/groupTagsDrawer.tsx

@@ -148,17 +148,15 @@ function DrawerContent({
   }
 
   return (
-    <Wrapper>
-      <Container>
-        {displayTags.map(tag => (
-          <div key={tag.name}>
-            <TagDetailsLink tag={tag} groupId={group.id}>
-              <TagDistribution tag={tag} />
-            </TagDetailsLink>
-          </div>
-        ))}
-      </Container>
-    </Wrapper>
+    <Container>
+      {displayTags.map(tag => (
+        <div key={tag.name}>
+          <TagDetailsLink tag={tag} groupId={group.id}>
+            <TagDistribution tag={tag} />
+          </TagDetailsLink>
+        </div>
+      ))}
+    </Container>
   );
 }
 
@@ -382,12 +380,6 @@ export function GroupTagsDrawer({
   );
 }
 
-export const Wrapper = styled('div')`
-  display: flex;
-  flex-direction: column;
-  gap: ${space(2)};
-`;
-
 export const Container = styled('div')`
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));

static/app/views/issueDetails/groupTags/tagDetailsDrawerContent.tsx

@@ -345,9 +345,6 @@ const Body = styled('div')`
 `;
 
 const Header = styled(Body)`
-  display: grid;
-  grid-column: 1 / -1;
-  grid-template-columns: subgrid;
   border-bottom: 1px solid ${p => p.theme.border};
   margin: 0 ${space(1)};
 `;