diff --git a/frontend/packages/core/src/components/DefaultEntityPageHeader/DefaultEntityPageHeader.tsx b/frontend/packages/core/src/components/DefaultEntityPageHeader/DefaultEntityPageHeader.tsx
index b93f54b7e5..b9e2768141 100644
--- a/frontend/packages/core/src/components/DefaultEntityPageHeader/DefaultEntityPageHeader.tsx
+++ b/frontend/packages/core/src/components/DefaultEntityPageHeader/DefaultEntityPageHeader.tsx
@@ -1,11 +1,18 @@
 import React, { FC } from 'react';
-import { Header, useEntity, useEntityConfig } from '../..';
+import { Header, useEntity, useEntityConfig, theme } from '../..';
 import { EntityPageHeaderProps } from '../../api/entityView/types';
+import { Theme } from '../../layout/Page/Page';
 
 const DefaultEntityPageHeader: FC<EntityPageHeaderProps> = () => {
   const { id } = useEntity();
   const config = useEntityConfig();
-  return <Header title={`${config.title} - ${id}`} />;
+
+  // TODO(rugvip): provide theme through entity config
+  return (
+    <Theme.Provider value={theme.service}>
+      <Header title={`${config.title} - ${id}`} />
+    </Theme.Provider>
+  );
 };
 
 export default DefaultEntityPageHeader;