diff --git a/web/ui/react-app/src/Navbar.tsx b/web/ui/react-app/src/Navbar.tsx
index de8c3d470..10ffe5f0d 100644
--- a/web/ui/react-app/src/Navbar.tsx
+++ b/web/ui/react-app/src/Navbar.tsx
@@ -12,8 +12,8 @@ import {
   DropdownMenu,
   DropdownItem,
 } from 'reactstrap';
-import { usePathPrefix } from './contexts/PathPrefixContext';
 import { ThemeToggle } from './Theme';
+import logo from './images/prometheus_logo_grey.svg';
 
 interface NavbarProps {
   consolesLink: string | null;
@@ -23,17 +23,11 @@ interface NavbarProps {
 const Navigation: FC<NavbarProps> = ({ consolesLink, agentMode }) => {
   const [isOpen, setIsOpen] = useState(false);
   const toggle = () => setIsOpen(!isOpen);
-  const pathPrefix = usePathPrefix();
   return (
     <Navbar className="mb-3" dark color="dark" expand="md" fixed="top">
       <NavbarToggler onClick={toggle} className="mr-2" />
       <Link className="pt-0 navbar-brand" to={agentMode ? '/agent' : '/graph'}>
-        <img
-          src={`${pathPrefix}/prometheus_logo_grey.svg`}
-          className="d-inline-block align-top"
-          alt="Prometheus logo"
-          title="Prometheus"
-        />
+        <img src={logo} className="d-inline-block align-top" alt="Prometheus logo" title="Prometheus" />
         Prometheus{agentMode && ' Agent'}
       </Link>
       <Collapse isOpen={isOpen} navbar style={{ justifyContent: 'space-between' }}>
diff --git a/web/ui/react-app/public/prometheus_logo_grey.svg b/web/ui/react-app/src/images/prometheus_logo_grey.svg
similarity index 100%
rename from web/ui/react-app/public/prometheus_logo_grey.svg
rename to web/ui/react-app/src/images/prometheus_logo_grey.svg