diff --git a/pkg/app/web/src/components/header/index.tsx b/pkg/app/web/src/components/header/index.tsx
index 1ba5006983..4a15ac433b 100644
--- a/pkg/app/web/src/components/header/index.tsx
+++ b/pkg/app/web/src/components/header/index.tsx
@@ -79,6 +79,12 @@ const useStyles = makeStyles((theme) => ({
   iconButton: {
     padding: 0,
   },
+  iconOpenInNew: {
+    fontSize: "0.95rem",
+    marginLeft: "5px",
+    marginBottom: "-2px",
+    color: "rgba(0, 0, 0, 0.5)",
+  },
 }));
 
 export const Header: FC = memo(function Header() {
@@ -218,12 +224,8 @@ export const Header: FC = memo(function Header() {
             rel="noreferrer"
           >
             Documentation
+            <OpenInNew className={classes.iconOpenInNew} />
           </Link>
-          <OpenInNew
-            fontSize="small"
-            color="disabled"
-            style={{ marginLeft: "5px" }}
-          />
         </MenuItem>
         <MenuItem disabled={true} dense={true}>
           {process.env.STABLE_VERSION}