diff --git a/packages/studio-web/src/app/app.component.html b/packages/studio-web/src/app/app.component.html
index 8f4e6b8c..87fc99bb 100644
--- a/packages/studio-web/src/app/app.component.html
+++ b/packages/studio-web/src/app/app.component.html
@@ -95,5 +95,12 @@
 </mat-toolbar>
 <router-outlet></router-outlet>
 <div class="footer">
-  <div class="version">&#64;readalongs/studio-web version: {{ version }}</div>
+  <div class="version">
+    <a
+      href="https://github.com/ReadAlongs/Studio-Web"
+      target="_blank"
+      rel="noopener noreferrer"
+      >&#64;readalongs/studio-web {{ version }}</a
+    >
+  </div>
 </div>
diff --git a/packages/web-component/src/components/read-along-component/read-along.tsx b/packages/web-component/src/components/read-along-component/read-along.tsx
index ccd49b47..02a73e71 100644
--- a/packages/web-component/src/components/read-along-component/read-along.tsx
+++ b/packages/web-component/src/components/read-along-component/read-along.tsx
@@ -2277,7 +2277,13 @@ export class ReadAlongComponent {
           </button>
         </div>
         <p class="version">
-          @readalongs/web-component version: {PACKAGE_VERSION}
+          <a
+            href="https://github.com/ReadAlongs/Studio-Web"
+            target="_blank"
+            rel="noreferrer"
+          >
+            @readalongs/web-component {PACKAGE_VERSION}
+          </a>
         </p>
       </div>
       <div class="footer">