From 819c0ca05ab6a2594fb6e39179b2a52b15340d3f Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Wed, 19 Nov 2025 21:01:45 +0000
Subject: [PATCH] default sort

---
 .../infrastructure/InfraMonitorsTable.tsx      |  2 +-
 .../pages/pagespeed/PageSpeedMonitorTable.tsx  |  2 +-
 client/src/pages/uptime/MonitorTable.tsx       | 18 ++++++++++--------
 3 files changed, 12 insertions(+), 10 deletions(-)

diff --git a/client/src/pages/infrastructure/InfraMonitorsTable.tsx b/client/src/pages/infrastructure/InfraMonitorsTable.tsx
index d15a3b378..e0b7e112c 100644
--- a/client/src/pages/infrastructure/InfraMonitorsTable.tsx
+++ b/client/src/pages/infrastructure/InfraMonitorsTable.tsx
@@ -75,7 +75,7 @@ export const InfraMonitorsTable = ({
       setSortOrder(newOrder);
     } else {
       setSortField(field);
-      setSortOrder("desc");
+      setSortOrder("asc");
     }
     refetch();
   };
diff --git a/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx b/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx
index 7a9d22973..0b58b5361 100644
--- a/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx
+++ b/client/src/pages/pagespeed/PageSpeedMonitorTable.tsx
@@ -76,7 +76,7 @@ export const PageSpeedMonitorTable = ({
       setSortOrder(newOrder);
     } else {
       setSortField(field);
-      setSortOrder("desc");
+      setSortOrder("asc");
     }
     refetch();
   };
diff --git a/client/src/pages/uptime/MonitorTable.tsx b/client/src/pages/uptime/MonitorTable.tsx
index eeb667072..bfe863963 100644
--- a/client/src/pages/uptime/MonitorTable.tsx
+++ b/client/src/pages/uptime/MonitorTable.tsx
@@ -74,7 +74,7 @@ export const MonitorTable = ({
       setSortOrder(newOrder);
     } else {
       setSortField(field);
-      setSortOrder("desc");
+      setSortOrder("asc");
     }
     refetch();
   };
@@ -139,13 +139,15 @@ export const MonitorTable = ({
 
   const getHeaders = () => {
     const renderSortIcon = (isActive: boolean) => (
-      <ArrowUp
-        size={16}
-        style={{
-          visibility: isActive ? "visible" : "hidden",
-          transform: sortOrder === "asc" ? "none" : "rotate(180deg)",
-        }}
-      />
+      <Box width={16} display="inline-flex" justifyContent="center">
+        {isActive ? (
+          sortOrder === "asc" ? (
+            <ArrowUp size={16} />
+          ) : (
+            <ArrowDown size={16} />
+          )
+        ) : null}
+      </Box>
     );
     const headers: Header<IMonitor>[] = [
       {