diff --git a/src/components/manage-productions/manage-productions.tsx b/src/components/manage-productions/manage-productions.tsx
index 453162a6..2a922558 100644
--- a/src/components/manage-productions/manage-productions.tsx
+++ b/src/components/manage-productions/manage-productions.tsx
@@ -15,7 +15,7 @@ import { API } from "../../api/api";
 import { useGlobalState } from "../../global-state/context-provider";
 import { useFetchProduction } from "../landing-page/use-fetch-production";
 import { darkText, errorColour } from "../../css-helpers/defaults";
-import { BackBtn } from "../back-btn/back-btn";
+import { NavigateToRootButton } from "../navigate-to-root-button/navigate-to-root-button";
 
 type FormValue = {
   productionId: string;
@@ -118,7 +118,7 @@ export const ManageProductions = () => {
   return (
     <Container>
       <StyledBackBtnIcon>
-        <BackBtn />
+        <NavigateToRootButton />
       </StyledBackBtnIcon>
       <DisplayContainerHeader>Remove Production</DisplayContainerHeader>
       <FormLabel>
diff --git a/src/components/back-btn/back-btn.tsx b/src/components/navigate-to-root-button/navigate-to-root-button.tsx
similarity index 90%
rename from src/components/back-btn/back-btn.tsx
rename to src/components/navigate-to-root-button/navigate-to-root-button.tsx
index 929522e8..f0a58929 100644
--- a/src/components/back-btn/back-btn.tsx
+++ b/src/components/navigate-to-root-button/navigate-to-root-button.tsx
@@ -8,7 +8,7 @@ const StyledBackBtn = styled(ActionButton)`
   margin: 0;
 `;
 
-export const BackBtn = () => {
+export const NavigateToRootButton = () => {
   const navigate = useNavigate();
 
   return (