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">
+
+
+