[v9.4.x] TopNav: Fix right padding on signin link (#62606)

TopNav: Fix right padding on signin link (#62537)

* TopNav: Fix right padding on signin link

* revert yarn lock

* Update package.json

* Update

(cherry picked from commit c0f0c3d485)

Co-authored-by: Torkel Ödegaard <torkel@grafana.com>

public/app/core/components/AppChrome/TopBar/SignInLink.tsx

@@ -2,7 +2,7 @@ import { css } from '@emotion/css';
 import React from 'react';
 import { useLocation } from 'react-router-dom';
 
-import { locationUtil } from '@grafana/data';
+import { GrafanaTheme2, locationUtil } from '@grafana/data';
 import { useStyles2 } from '@grafana/ui';
 
 export function SignInLink() {
@@ -17,9 +17,10 @@ export function SignInLink() {
   );
 }
 
-const getStyles = () => {
+const getStyles = (theme: GrafanaTheme2) => {
   return {
     link: css({
+      paddingRight: theme.spacing(1),
       whiteSpace: 'nowrap',
       '&:hover': {
         textDecoration: 'underline',