diff --git a/Views/DataKecamatan/Index.cshtml b/Views/DataKecamatan/Index.cshtml
index e9ccb85..647a2eb 100644
--- a/Views/DataKecamatan/Index.cshtml
+++ b/Views/DataKecamatan/Index.cshtml
@@ -30,6 +30,17 @@
             <button type="button" class="btn btn-sm btn-circle btn-ghost" onclick="modal_filter.close()">✕</button>
         </div>
         <form action="#" method="get">
+            <fieldset class="fieldset max-w-sm">
+                    <legend class="fieldset-legend">Kecamatan</legend>
+                    <select id="filter-kecamatan" class="w-full">
+                        <option value="">Pilih Kecamatan</option>
+                        <option value="PasarRebo">Pasar Rebo</option>
+                        <option value="Ciracas">Ciracas</option>
+                        <option value="Matraman">Matraman</option>
+                        <option value="Jatinegara">Jatinegara</option>
+                        <option value="Cakung">Cakung</option>
+                    </select>
+            </fieldset>
             <fieldset class="fieldset max-w-sm">
                     <legend class="fieldset-legend">Kelurahan</legend>
                     <select id="filter-kelurahan" class="w-full">
@@ -96,6 +107,13 @@
     var table;
 
     $(document).ready(function () {
+
+        new TomSelect("#filter-kecamatan", {
+            closeAfterSelect: true,
+            maxItems: 1,
+            placeholder: "Pilih Kecamatan",
+        });
+
         new TomSelect("#filter-kelurahan", {
             closeAfterSelect: true,
             maxItems: 1,