diff --git a/src/app/context/index.tsx b/src/app/context/index.tsx
index c16cb61..c1391d1 100644
--- a/src/app/context/index.tsx
+++ b/src/app/context/index.tsx
@@ -29,7 +29,7 @@ const HeroContext = createContext<HeroContent>({
   setHeroContent: () => {},
 });
 
-export function HeroWrapper({
+export function HeroContextProvider({
   children,
 }: Readonly<{
   children: React.ReactNode;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 819312c..1e78c23 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -4,7 +4,7 @@ import Footer from './components/Footer/Footer';
 import USABanner from './components/UsaBanner/UsaBanner';
 import './globals.scss';
 import './custom-styles.css';
-import { HeroWrapper } from './context';
+import { HeroContextProvider } from './context';
 
 export const metadata: Metadata = {
   title: 'DIBBS Site',
@@ -20,11 +20,11 @@ export default function RootLayout({
       <body>
         <USABanner />
         <div>
-          <HeroWrapper>
+          <HeroContextProvider>
             <Header />
             <main id="main-content">{children}</main>
             <Footer />
-          </HeroWrapper>
+          </HeroContextProvider>
         </div>
       </body>
     </html>