diff --git a/frontend/src/components/maps/SchoolDetailModal.jsx b/frontend/src/components/maps/SchoolDetailModal.jsx
index cfb8586..20c2f0a 100644
--- a/frontend/src/components/maps/SchoolDetailModal.jsx
+++ b/frontend/src/components/maps/SchoolDetailModal.jsx
@@ -48,7 +48,16 @@ const MainTabContent = ({
   // JMP Level
   const JMPLevel = () => {
     // jmp level
-    const groupedJmpLevel = groupBy(jmp_levels, "category");
+    const groupedJmpLevelTemp = groupBy(jmp_levels, "category");
+    // REORDER jmp level
+    const order = ["Water", "Sanitation", "Hygiene"];
+    let groupedJmpLevel = {};
+    order.forEach((x) => {
+      groupedJmpLevel = {
+        ...groupedJmpLevel,
+        [x]: groupedJmpLevelTemp[x],
+      };
+    });
     return (
       <Descriptions title="JMP Level" layout="vertical">
         {Object.keys(groupedJmpLevel).map((key, i) => {