diff --git a/react-frontend/src/login/PreLoginPanelMobileComponent.js b/react-frontend/src/login/PreLoginPanelMobileComponent.js
index 6e21d3a45..517d675a4 100644
--- a/react-frontend/src/login/PreLoginPanelMobileComponent.js
+++ b/react-frontend/src/login/PreLoginPanelMobileComponent.js
@@ -3,7 +3,7 @@ import { Col } from "react-bootstrap";
 import styled from "styled-components";
 import PropTypes from "prop-types";
 import LogoComponent from "shared-components/peerly-Logo/LogoComponent";
-import LoginTextComponent from "shared-components/login-text-component/LoginTextComponent";
+import PrimaryCoreValueComponent from "shared-components/primary-core-value-components/PrimaryCoreValueComponent";
 import PreLoginImageComponent from "shared-components/prelogin-image-components/PreLoginImageComponent";
 
 const Wrapper = styled.div`
@@ -22,7 +22,7 @@ const PreLoginPanelMobileComponent = ({
       <PreLoginImageComponent className="img-fluid" />
     </Col>
     <Col className="d-flex justify-content-center align-items-center ">
-      <LoginTextComponent
+      <PrimaryCoreValueComponent
         orgPrimaryCoreValue={orgPrimaryCoreValue}
         encouragementThought={encouragementThought}
       />
@@ -35,4 +35,4 @@ PreLoginPanelMobileComponent.propTypes = {
   encouragementThought: PropTypes.string,
 };
 
-export default PreLoginPanelMobileComponent;
+export default React.memo(PreLoginPanelMobileComponent);
diff --git a/react-frontend/src/login/PreLoginPanelMobileComponent.test.js b/react-frontend/src/login/PreLoginPanelMobileComponent.test.js
index f02729fa7..1bcb0b751 100644
--- a/react-frontend/src/login/PreLoginPanelMobileComponent.test.js
+++ b/react-frontend/src/login/PreLoginPanelMobileComponent.test.js
@@ -3,7 +3,7 @@ import { render } from "@testing-library/react";
 
 import LogoComponent from "shared-components/peerly-Logo/LogoComponent";
 import PreLoginImageComponent from "shared-components/prelogin-image-components/PreLoginImageComponent";
-import LoginTextComponent from "shared-components/login-text-component/LoginTextComponent";
+import PrimaryCoreValueComponent from "shared-components/primary-core-value-components/PrimaryCoreValueComponent";
 
 describe("Pre Login component test", () => {
   test("renders image component with image", () => {
@@ -19,12 +19,12 @@ describe("Pre Login component test", () => {
 
   test("login text component should equal to value", () => {
     const { getByTestId } = render(
-      <LoginTextComponent
+      <PrimaryCoreValueComponent
         orgPrimaryCoreValue="Lets Create the Office Positive"
         encouragementThought="positive"
       />
     );
-    expect(getByTestId("LoginTextComponent")).toHaveTextContent(
+    expect(getByTestId("PrimaryCoreValueComponent")).toHaveTextContent(
       "Lets Create the Office Positive positive"
     );
   });