From 3d349c0f557aa57e0584745359db0f89a97fd5fd Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Tue, 14 Nov 2023 11:49:54 +0100
Subject: [PATCH] fix(ui): header top right button alignment

---
 frontend/app/layout/TopRight.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/frontend/app/layout/TopRight.tsx b/frontend/app/layout/TopRight.tsx
index 2623b564f..19cd8a49b 100644
--- a/frontend/app/layout/TopRight.tsx
+++ b/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>
   );
 }