diff --git a/.vitepress/theme/components/ScrimbaLink.vue b/.vitepress/theme/components/ScrimbaLink.vue
index 5dc1b93c0c..1fb6021610 100644
--- a/.vitepress/theme/components/ScrimbaLink.vue
+++ b/.vitepress/theme/components/ScrimbaLink.vue
@@ -42,7 +42,7 @@ export default {
   top: calc(50% - 15px);
   left: -4px;
   border-radius: 50%;
-  background-color: #2B2B2B; /* Scrimba's dark color */
+  background-color: #73abfe;
 }
 .scrimba a:after {
   content: '';
diff --git a/.vitepress/theme/index.ts b/.vitepress/theme/index.ts
index 9ea1fb93ff..15f9fcff00 100644
--- a/.vitepress/theme/index.ts
+++ b/.vitepress/theme/index.ts
@@ -10,6 +10,7 @@ import {
 } from './components/preferences'
 import SponsorsAside from './components/SponsorsAside.vue'
 import VueSchoolLink from './components/VueSchoolLink.vue'
+import ScrimbaLink from './components/ScrimbaLink.vue'
 import Banner from './components/Banner.vue'
 // import TextAd from './components/TextAd.vue'
 
@@ -28,6 +29,7 @@ export default Object.assign({}, VPTheme, {
     app.provide('prefer-sfc', preferSFC)
     app.provide('filter-headers', filterHeadersByPreference)
     app.component('VueSchoolLink', VueSchoolLink)
+    app.component('ScrimbaLink', ScrimbaLink)
     // app.component('TextAd', TextAd)
   }
 })