fix(pill): Minor fix (#21406)

Author: priscilawebdev

src/sentry/static/sentry/app/components/deviceName.tsx

@@ -1,6 +1,5 @@
 import PropTypes from 'prop-types';
 import React from 'react';
-import styled from '@emotion/styled';
 
 import {IOSDeviceList} from 'app/types/iOSDeviceList';
 
@@ -80,13 +79,9 @@ export default class DeviceName extends React.Component<Props, State> {
     const deviceName = deviceNameMapper(value, iOSDeviceList);
 
     return (
-      <Wrapper data-test-id="loaded-device-name">
+      <span data-test-id="loaded-device-name">
         {children ? children(deviceName) : deviceName}
-      </Wrapper>
+      </span>
     );
   }
 }
-
-const Wrapper = styled('span')`
-  vertical-align: middle;
-`;

src/sentry/static/sentry/app/components/pill.tsx

@@ -134,7 +134,7 @@ const StyledPill = styled('li')<{type?: PILL_TYPE}>`
   border: 1px solid ${p => p.theme.borderDark};
   border-radius: ${p => p.theme.button.borderRadius};
   box-shadow: ${p => p.theme.dropShadowLightest};
-  line-height: 1;
+  line-height: 1.2;
   max-width: 100%;
   :last-child {
     margin-right: 0;