diff --git a/templates/documentation/_assets/css/components/view-on-github-button.css b/templates/documentation/_assets/css/components/view-on-github-button.css
new file mode 100644
index 00000000..6fec5405
--- /dev/null
+++ b/templates/documentation/_assets/css/components/view-on-github-button.css
@@ -0,0 +1,24 @@
+.view-on-github-button {
+    display: inline-flex;
+    align-items: center;
+    gap: 0.2rem;
+    background-color: #EFE9F2;
+    margin: 0 !important;
+    padding: 0 1rem 0 0.5rem !important;
+    height: 2rem !important;
+    border-radius: 0.5rem;
+    text-decoration: none !important;
+}
+
+.view-on-github-button span {
+    color: #814B97 !important;
+    font-size: 1rem !important;
+    font-family: sans-serif !important;
+    font-weight: 600 !important;
+}
+
+.view-on-github-button img {
+    height: 2rem !important;
+    margin: 0 !important;
+    padding: 0rem !important;
+}
\ No newline at end of file
diff --git a/templates/documentation/_partials/view-on-github-button.md b/templates/documentation/_partials/view-on-github-button.md
new file mode 100644
index 00000000..4ad02e2f
--- /dev/null
+++ b/templates/documentation/_partials/view-on-github-button.md
@@ -0,0 +1,8 @@
+
+<a class="view-on-github-button" href="{{link}}">
+
+![]({{"/_assets/icons/github.svg"}})
+
+<span>view on GitHub</span>
+
+</a>
\ No newline at end of file
diff --git a/templates/documentation/doctave.yaml b/templates/documentation/doctave.yaml
index 9254b91a..81767b73 100644
--- a/templates/documentation/doctave.yaml
+++ b/templates/documentation/doctave.yaml
@@ -34,6 +34,7 @@ styles:
   - _assets/css/components/product-card.css
   - _assets/css/components/hero.css
   - _assets/css/components/content-card.css
+  - _assets/css/components/view-on-github-button.css
   - _assets/css/components/dark-light-image.css
 
 open_api: