fix(ui): Correct alignment of issue details row (#34090)

static/app/views/organizationGroupDetails/header.tsx

@@ -149,16 +149,16 @@ class GroupHeader extends React.Component<Props, State> {
     return (
       <Layout.Header>
         <div className={className}>
+          <StyledBreadcrumbs
+            crumbs={[
+              {label: 'Issues', to: `/organizations/${orgId}/issues/`},
+              {
+                label: 'Issue Details',
+              },
+            ]}
+          />
           <div className="row">
             <div className="col-sm-7">
-              <StyledBreadcrumbs
-                crumbs={[
-                  {label: 'Issues', to: `/organizations/${orgId}/issues/`},
-                  {
-                    label: 'Issue Details',
-                  },
-                ]}
-              />
               <TitleWrapper>
                 <StyledIdBadge
                   project={project}
@@ -373,8 +373,7 @@ const TitleWrapper = styled('div')`
 `;
 
 const StyledBreadcrumbs = styled(Breadcrumbs)`
-  padding-top: 0;
-  padding-bottom: ${space(2)};
+  margin-bottom: ${space(2)};
 `;
 
 const StyledIdBadge = styled(IdBadge)`