diff --git a/features/platform-admin/frontend-admin/src/pages/security/gov-detection/GovDetectionPage.tsx b/features/platform-admin/frontend-admin/src/pages/security/gov-detection/GovDetectionPage.tsx
index 3bef6f612..c0573c6a4 100644
--- a/features/platform-admin/frontend-admin/src/pages/security/gov-detection/GovDetectionPage.tsx
+++ b/features/platform-admin/frontend-admin/src/pages/security/gov-detection/GovDetectionPage.tsx
@@ -18,65 +18,18 @@ import type { GovDetectionQueryParams, ResponseTier, PaginatedGovDetections } fr
import { fetchGovDetections } from '@/api'
import { SecurityEventType } from '@/types'
-const PageContainer = styled.div`
- display: flex;
- flex-direction: column;
- gap: 1.5rem;
-`
-
-const HeaderSection = styled.div`
- margin-bottom: 1rem;
-`
-
-const CardContent = styled.div`
- padding: 1rem;
-`
-
-const FiltersRow = styled.div`
- display: flex;
- gap: 1rem;
- flex-wrap: wrap;
- align-items: flex-end;
-`
-
-const FilterGroup = styled.div`
- display: flex;
- flex-direction: column;
- gap: 0.25rem;
-`
-
-const FilterLabel = styled.label`
- font-size: 0.75rem;
- font-weight: 500;
- color: var(--text-secondary);
- text-transform: uppercase;
- letter-spacing: 0.05em;
-`
-
-const TableContainer = styled.div`
- overflow-x: auto;
-`
-
-const Table = styled.table`
- width: 100%;
- border-collapse: collapse;
- font-size: 0.875rem;
-`
-
-const Th = styled.th`
- text-align: left;
- padding: 0.75rem 1rem;
- font-weight: 600;
- color: var(--text-secondary);
- border-bottom: 1px solid var(--border-color);
- background: var(--bg-secondary);
-`
-
-const Td = styled.td`
- padding: 0.75rem 1rem;
- border-bottom: 1px solid var(--border-color);
- color: var(--text-primary);
-`
+import {
+ PageContainer,
+ HeaderSection,
+ CardContent,
+ FiltersRow,
+ FilterGroup,
+ FilterLabel,
+ TableContainer,
+ AdminTable,
+ AdminTh,
+ AdminTd,
+} from '@/components/admin-pages/SharedPageComponents'
const TierBadge = styled(Badge)<{ $tier: ResponseTier | null }>`
background: ${({ $tier }): string =>
@@ -256,52 +209,52 @@ export const GovDetectionPage = (): ReactElement => {
) : logs.length === 0 ? (
| Time | -Event | -Tier | -Confidence | -Organization | -Country | -IP Hash | +
|---|---|---|---|---|---|---|
|
+ |
-
+
+ |
-
+
+ |
-
+
+ |
- {log.organizationName || '-'} | -{log.country || '-'} | -
+
+ |
+