diff --git a/src/components/header/AppHeaderSearch.jsx b/src/components/header/AppHeaderSearch.jsx index 6b4ab4b50d9a..20f917470d10 100644 --- a/src/components/header/AppHeaderSearch.jsx +++ b/src/components/header/AppHeaderSearch.jsx @@ -2,7 +2,7 @@ import React, { useCallback } from 'react' import { faSearch } from '@fortawesome/free-solid-svg-icons' import { FontAwesomeIcon } from '@fortawesome/react-fontawesome' import { toggleSwitcher } from 'src/store/features/switcher' -import { CButton } from '@coreui/react' +import { CButton, CTooltip } from '@coreui/react' import { useDispatch } from 'react-redux' const AppHeaderSearch = () => { @@ -12,9 +12,11 @@ const AppHeaderSearch = () => { }, [dispatch]) return ( <> - - - + + + + + ) } diff --git a/src/components/layout/AppHeader.jsx b/src/components/layout/AppHeader.jsx index 09535ae9bd12..43ec9c476d35 100644 --- a/src/components/layout/AppHeader.jsx +++ b/src/components/layout/AppHeader.jsx @@ -9,6 +9,7 @@ import { CHeaderToggler, CButton, CFormSwitch, + CTooltip, } from '@coreui/react' import { AppHeaderSearch } from 'src/components/header' import { CippActionsOffcanvas, TenantSelector } from '../utilities' @@ -137,18 +138,22 @@ const AppHeader = () => { target="_blank" href={`https://docs.cipp.app/user-documentation${location.pathname}`} > - - - + + + + + - loadCippQueue()} className="me-1"> - - + + loadCippQueue()} className="me-1"> + + +