diff --git a/dashboard/src/modules/components/FooterComponent/index.jsx b/dashboard/src/modules/components/FooterComponent/index.jsx
new file mode 100644
index 0000000000..a0a3000ed9
--- /dev/null
+++ b/dashboard/src/modules/components/FooterComponent/index.jsx
@@ -0,0 +1,16 @@
+import "./index.less";
+
+import React from "react";
+import { useSelector } from "react-redux";
+
+const Footer = () => {
+  const { endpoints } = useSelector((state) => state.apiEndpoint);
+
+  return (
+    <div className="footer-container">
+      Version @ <span> {endpoints?.identification}</span>
+    </div>
+  );
+};
+
+export default Footer;
diff --git a/dashboard/src/modules/components/FooterComponent/index.less b/dashboard/src/modules/components/FooterComponent/index.less
new file mode 100644
index 0000000000..8571516702
--- /dev/null
+++ b/dashboard/src/modules/components/FooterComponent/index.less
@@ -0,0 +1,13 @@
+.footer-container {
+  width: 100%;
+  padding: 1.5rem;
+  background: #151515;
+  color: #ffffff;
+  font-size: 0.85em;
+  overflow-x: hidden;
+  text-align: center;
+
+  span {
+    font-style: italic;
+  }
+}
diff --git a/dashboard/src/modules/containers/MainLayout/index.jsx b/dashboard/src/modules/containers/MainLayout/index.jsx
index 98855e98be..0902df5439 100644
--- a/dashboard/src/modules/containers/MainLayout/index.jsx
+++ b/dashboard/src/modules/containers/MainLayout/index.jsx
@@ -3,6 +3,7 @@ import "./index.less";
 import { Outlet, useNavigate } from "react-router-dom";
 import { Page, PageSection, PageSectionVariants } from "@patternfly/react-core";
 
+import Footer from "modules/components/FooterComponent";
 import HeaderComponent from "modules/components/HeaderComponent";
 import LoadingComponent from "modules/components/LoadingComponent";
 import React from "react";
@@ -24,6 +25,7 @@ const MainLayout = () => {
           <LoadingComponent>
             <Outlet context={navigate} />
           </LoadingComponent>
+          <Footer />
         </PageSection>
       </Page>
     </>