diff --git a/catalog-rest-service/src/main/resources/ui/src/components/app-bar/Appbar.tsx b/catalog-rest-service/src/main/resources/ui/src/components/app-bar/Appbar.tsx
index 2989194d93b..22cac0c3798 100644
--- a/catalog-rest-service/src/main/resources/ui/src/components/app-bar/Appbar.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/components/app-bar/Appbar.tsx
@@ -206,7 +206,7 @@ const Appbar: React.FC = (): JSX.Element => {
                 icon={
                   <SVGIcons
                     alt="Doc icon"
-                    className="tw-align-middle tw-mr-1"
+                    className="tw-align-middle tw-mt-0.5 tw-mr-1"
                     icon={Icons.HELP_CIRCLE}
                     width="16"
                   />
@@ -226,14 +226,25 @@ const Appbar: React.FC = (): JSX.Element => {
                   },
                 ]}
                 icon={
-                  <IconDefaultUserProfile
-                    className=""
-                    style={{
-                      height: '24px',
-                      width: '24px',
-                      borderRadius: '50%',
-                    }}
-                  />
+                  <>
+                    {appState.userDetails.profile?.images.image512 ? (
+                      <div className="profile-image">
+                        <img
+                          alt="user"
+                          src={appState.userDetails.profile.images.image512}
+                        />
+                      </div>
+                    ) : (
+                      <IconDefaultUserProfile
+                        className=""
+                        style={{
+                          height: '24px',
+                          width: '24px',
+                          borderRadius: '50%',
+                        }}
+                      />
+                    )}
+                  </>
                 }
                 label=""
                 type="link"
diff --git a/catalog-rest-service/src/main/resources/ui/src/components/dropdown/DropDown.tsx b/catalog-rest-service/src/main/resources/ui/src/components/dropdown/DropDown.tsx
index 570a4c61424..d9996c2d94b 100644
--- a/catalog-rest-service/src/main/resources/ui/src/components/dropdown/DropDown.tsx
+++ b/catalog-rest-service/src/main/resources/ui/src/components/dropdown/DropDown.tsx
@@ -17,7 +17,6 @@
 
 import PropTypes from 'prop-types';
 import React, { useState } from 'react';
-import AppState from '../../AppState';
 import { activeLink, normalLink } from '../../utils/styleconstant';
 import { dropdownIcon as DropdownIcon } from '../../utils/svgconstant';
 import AnchorDropDownList from './AnchorDropDownList';
@@ -102,20 +101,7 @@ const DropDown: React.FC<DropDownProp> = ({
               </>
             ) : (
               <>
-                {Icon && (
-                  <div className="">
-                    {AppState.userDetails.profile?.images.image512 ? (
-                      <div className="profile-image">
-                        <img
-                          alt="user"
-                          src={AppState.userDetails.profile.images.image512}
-                        />
-                      </div>
-                    ) : (
-                      Icon
-                    )}
-                  </div>
-                )}
+                {Icon && Icon}
                 {label && (
                   <p
                     className="hover:tw-underline"