diff --git a/handlers/corporate/mcudetail/tabchartkepesertaan.handlers.go b/handlers/corporate/mcudetail/tabchartkepesertaan.handlers.go
new file mode 100644
index 0000000..e27569e
--- /dev/null
+++ b/handlers/corporate/mcudetail/tabchartkepesertaan.handlers.go
@@ -0,0 +1 @@
+package mcu_corporate_handlers
diff --git a/views/corporate/mcu/mcutab/tabchartkepesertaan.templ b/views/corporate/mcu/mcutab/tabchartkepesertaan.templ
new file mode 100644
index 0000000..c906eeb
--- /dev/null
+++ b/views/corporate/mcu/mcutab/tabchartkepesertaan.templ
@@ -0,0 +1,20 @@
+package corporate_mcudetail
+
+templ TabChartKepesertaan(
+    chart templ.Component,
+) {
+    <div class="container-fluid">
+        <div class="d-flex justify-content-center py-10">
+            <h2 class="title text-black" style="margin-bottom: 0;">Data Kepesertaan MCU</h2>
+        </div>
+        <div id="loading-parent" class="rounded">
+            @chart
+            <div id="loading-child" class="rounded bg-transparent">
+                <div id="loading-spinner" class="spinner-border text-primary d-none" style="width: 3rem; height: 3rem;" role="status">
+                    <span class="sr-only">Loading...</span>
+                </div>
+            </div>
+        </div>
+        <div id="loadingcontent"></div>
+    </div>
+}
\ No newline at end of file