diff --git a/packages/playground/src/App.vue b/packages/playground/src/App.vue
index ae79f9543f..1fdbde1971 100644
--- a/packages/playground/src/App.vue
+++ b/packages/playground/src/App.vue
@@ -108,14 +108,6 @@
             </v-list>
           </div>
         </div>
-
-        <template v-if="version">
-          <div class="version">
-            <v-chip color="secondary">
-              {{ version }}
-            </v-chip>
-          </div>
-        </template>
       </v-navigation-drawer>
 
       <v-main :style="{ paddingTop: navbarConfig ? '140px' : '70px' }">
@@ -363,7 +355,6 @@ async function setTimeouts() {
   }
 }
 // eslint-disable-next-line no-undef
-const version = process.env.VERSION as any;
 
 const routes: AppRoute[] = [
   {
diff --git a/packages/playground/src/components/main_footer.vue b/packages/playground/src/components/main_footer.vue
index b5ad597aa1..39b74cae2a 100644
--- a/packages/playground/src/components/main_footer.vue
+++ b/packages/playground/src/components/main_footer.vue
@@ -82,12 +82,24 @@
         </v-col>
       </v-row>
       <v-divider class="my-3 w-25 mx-auto" />
-      <div class="text-center mb-12">{{ new Date().getFullYear() }} — ThreeFoldTech</div>
+
+      <div class="mb-12 d-flex justify-center text-subtitle-2">
+        <p>
+          &#169; {{ new Date().getFullYear() }} ThreeFoldTech
+          <span v-if="version !== noAppVersionMessage">
+            <span class="mx-2">|</span>Version
+            <span class="footer_header">
+              {{ version }}
+            </span></span
+          >
+        </p>
+      </div>
     </v-container>
   </v-footer>
 </template>
 
 <script lang="ts" setup>
+import { inject } from "vue";
 import { useRouter } from "vue-router";
 import { useTheme } from "vuetify";
 
@@ -96,10 +108,10 @@ import { AppThemeSelection } from "@/utils/app_theme";
 import { manual } from "@/utils/manual";
 
 const theme = useTheme();
-
+const version = process.env.VERSION;
 const baseUrl = import.meta.env.BASE_URL;
 const $router = useRouter();
-
+const noAppVersionMessage = inject("noAppVersion");
 function navigateToHome() {
   return $router.push(DashboardRoutes.Other.HomePage);
 }
diff --git a/packages/playground/src/main.ts b/packages/playground/src/main.ts
index b6462b2866..63ae38b120 100644
--- a/packages/playground/src/main.ts
+++ b/packages/playground/src/main.ts
@@ -11,7 +11,6 @@ import { defineGlobals } from "./config";
 import Monitor from "./Monitor.vue";
 import router from "./router";
 import { normalizeError } from "./utils/helpers";
-
 const app = createApp(Monitor);
 
 app.config.errorHandler = error => {
@@ -43,5 +42,6 @@ app.use(createPinia());
 app.use(router);
 app.use(vuetify);
 defineGlobals(app);
+app.provide("noAppVersion", "No version to show");
 
 app.mount("#app");