fix(ui): header top right button alignment

frontend/app/layout/TopRight.tsx

@@ -4,7 +4,6 @@ import Notifications from 'Components/Alerts/Notifications/Notifications';
 import HealthStatus from 'Components/Header/HealthStatus';
 import { getInitials } from 'App/utils';
 import UserMenu from 'Components/Header/UserMenu/UserMenu';
-import ErrorGenPanel from 'App/dev/components/ErrorGenPanel';
 import { connect } from 'react-redux';
 import { Popover, Space } from 'antd';
 import ProjectDropdown from 'Shared/ProjectDropdown';
@@ -20,7 +19,7 @@ function TopRight(props: Props) {
   const { account } = props;
   // @ts-ignore
   return (
-    <Space className="flex items-center">
+    <Space style={{ lineHeight: '0'}}>
       <ProjectDropdown />
       <GettingStartedProgress />
 
@@ -29,14 +28,12 @@ function TopRight(props: Props) {
       {account.name ? <HealthStatus /> : null}
 
       <Popover content={<UserMenu />} placement={'topRight'}>
-        <div className="flex items-center cursor-pointer">
-          <div className="w-10 h-10 bg-tealx rounded-full flex items-center justify-center color-white">
+        <div className='flex items-center cursor-pointer'>
+          <div className='bg-tealx rounded-full flex items-center justify-center color-white' style={{ width: '32px', height: '32px'}}>
             {getInitials(account.name)}
           </div>
         </div>
       </Popover>
-
-      {/*<ErrorGenPanel />*/}
     </Space>
   );
 }