From bcef7ef29d0ae5c6eec103f634ec515634eb7db7 Mon Sep 17 00:00:00 2001
From: vinceh121 <contact@vinceh121.me>
Date: Fri, 31 Oct 2025 23:11:20 +0100
Subject: [PATCH] fix: ICANN registrar table size

---
 assets/pages/infrastructure/IcannRegistrarPage.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/assets/pages/infrastructure/IcannRegistrarPage.tsx b/assets/pages/infrastructure/IcannRegistrarPage.tsx
index 3164be6..9b538c8 100644
--- a/assets/pages/infrastructure/IcannRegistrarPage.tsx
+++ b/assets/pages/infrastructure/IcannRegistrarPage.tsx
@@ -5,6 +5,7 @@ import {t} from 'ttag'
 import type {ColumnType} from 'antd/es/table'
 import {CheckCircleOutlined, SettingOutlined, CloseCircleOutlined} from "@ant-design/icons"
 import {getIcannAccreditations} from "../../utils/api/icann-accreditations"
+import useBreakpoint from "../../hooks/useBreakpoint"
 
 const {Text, Paragraph} = Typography
 
@@ -19,6 +20,7 @@ function RegistrarListTable(filters: FiltersType) {
         name: string
     }
 
+    const sm = useBreakpoint('sm')
     const [dataTable, setDataTable] = useState<TableRow[]>([])
     const [total, setTotal] = useState(0)
 
@@ -63,14 +65,15 @@ function RegistrarListTable(filters: FiltersType) {
                     fetchData({...filters, page, itemsPerPage})
                 }
             }}
-
-            scroll={{y: '50vh'}}
+            scroll={sm ? {} : {y: '50vh'}}
+            size={sm ? 'small' : 'large'}
         />
     )
 }
 
 export default function IcannRegistrarPage() {
     const [activeTabKey, setActiveTabKey] = useState<string>('Accredited')
+    const sm = useBreakpoint('sm')
 
     const contentList: Record<string, React.ReactNode> = {
         Accredited: <>
@@ -125,6 +128,7 @@ export default function IcannRegistrarPage() {
                 activeTabKey={activeTabKey}
                 key={activeTabKey}
                 onTabChange={(k: string) => setActiveTabKey(k)}
+                size={sm ? 'small' : 'default'}
             >
                 {contentList[activeTabKey]}