diff --git a/docs/showcase/special-tracks.mdx b/docs/showcase/special-tracks.mdx
index 58d8cc077..0574fa6de 100644
--- a/docs/showcase/special-tracks.mdx
+++ b/docs/showcase/special-tracks.mdx
@@ -12,4 +12,9 @@ percussion track, it's hidden in case a drum tab is displayed.
 
 ## Grand Staff
 With Guitar Pro 6 files also grand staffs can be rendered.
-<AlphaTab file="/files/features/Piano.gpx" />
\ No newline at end of file
+<AlphaTab file="/files/features/Piano.gpx" />
+
+## Percussion <span class="badge badge--info badge--header">since 1.1.0-alpha.45</span>
+
+Percussion tracks are similar to drum tabs but might have less lines than a normal staff. 
+<AlphaTab file="/files/features/Percussion.gp" tracks="all" />
\ No newline at end of file
diff --git a/src/css/custom.css b/src/css/custom.css
index 2ef5a0933..e47e48469 100644
--- a/src/css/custom.css
+++ b/src/css/custom.css
@@ -194,4 +194,13 @@ img.thumbnail:hover {
 .buorg {
   border: 0;
   background: #f7f7f7;
+}
+
+.badge--header {
+  --ifm-header-badge-font-size: calc(var(--ifm-font-size-base) * 0.75);
+  --ifm-header-badge-padding-horizontal: calc(var(--ifm-font-size-base) * 0.5);
+  --ifm-header-badge-padding-vertical: calc(var(--ifm-font-size-base) * 0.25);
+
+  font-size: var(--ifm-header-badge-font-size) !important;
+  padding: var(--ifm-header-badge-padding-vertical) var(--ifm-header-badge-padding-horizontal);
 }
\ No newline at end of file
diff --git a/src/theme/DocItem/styles.module.css b/src/theme/DocItem/styles.module.css
index 6003d2c1b..521a43c32 100644
--- a/src/theme/DocItem/styles.module.css
+++ b/src/theme/DocItem/styles.module.css
@@ -67,3 +67,7 @@
 .docLastUpdatedAt {
   font-weight: bold;
 }
+
+.tableOfContents :global(.badge--header) {
+  display: none;
+}
\ No newline at end of file
diff --git a/static/files/features/Percussion.gp b/static/files/features/Percussion.gp
new file mode 100644
index 000000000..1ab80cb89
Binary files /dev/null and b/static/files/features/Percussion.gp differ