fixes

ui/outputRoots/OutputRootsListItem.tsx

@@ -44,7 +44,7 @@ const OutputRootsListItem = ({ item }: Props) => {
       name: 'L1 txn hash',
       value: (
         <LinkExternal
-          w="100%"
+          maxW="100%"
           display="inline-flex"
           overflow="hidden"
           href={ appConfig.L2.L1BaseUrl + route({ pathname: '/tx/[hash]', query: { hash: item.l1_tx_hash } }) }

ui/outputRoots/OutputRootsTableItem.tsx

@@ -41,7 +41,7 @@ const OutputRootsTableItem = ({ item }: Props) => {
       <Td verticalAlign="middle" pr={ 12 }>
         <Flex>
           <LinkExternal
-            w="100%"
+            maxW="100%"
             display="inline-flex"
             href={ appConfig.L2.L1BaseUrl + route({ pathname: '/tx/[hash]', query: { hash: item.l1_tx_hash } }) }
           >

ui/pages/Withdrawals.tsx

@@ -16,15 +16,10 @@ import WithdrawalsTable from 'ui/withdrawals/WithdrawalsTable';
 const Withdrawals = () => {
   const isMobile = useIsMobile();
 
-  // const { data, isError, isLoading, isPaginationVisible, pagination } = useQueryWithPages({
-  //   resourceName: 'withdrawals',
-  // });
-
-  const { data, isError, isLoading, pagination } = useQueryWithPages({
+  const { data, isError, isLoading, isPaginationVisible, pagination } = useQueryWithPages({
     resourceName: 'withdrawals',
   });
 
-  const isPaginationVisible = false;
   const countersQuery = useApiQuery('withdrawals_count');
 
   const content = data?.items ? (

ui/txnBatches/TxnBatchesListItem.tsx

@@ -60,7 +60,7 @@ const TxnBatchesListItem = ({ item }: Props) => {
         <VStack spacing={ 3 } w="100%" overflow="hidden">
           { item.l1_tx_hashes.map(hash => (
             <LinkExternal
-              w="100%"
+              maxW="100%"
               display="inline-flex"
               href={ appConfig.L2.L1BaseUrl + route({ pathname: '/tx/[hash]', query: { hash: hash } }) }
               key={ hash }

ui/txnBatches/TxnBatchesTableItem.tsx

@@ -53,7 +53,7 @@ const TxnBatchesTableItem = ({ item }: Props) => {
         <VStack spacing={ 3 }>
           { item.l1_tx_hashes.map(hash => (
             <LinkExternal
-              w="100%"
+              maxW="100%"
               display="inline-flex"
               key={ hash }
               href={ appConfig.L2.L1BaseUrl + route({ pathname: '/tx/[hash]', query: { hash: hash } }) }

ui/withdrawals/WithdrawalsListItem.tsx

@@ -66,7 +66,7 @@ const WithdrawalsListItem = ({ item }: Props) => {
       value: item.l1_tx_hash ? (
         <LinkExternal
           href={ appConfig.L2.L1BaseUrl + route({ pathname: '/tx/[hash]', query: { hash: item.l1_tx_hash } }) }
-          w="100%"
+          maxW="100%"
           display="inline-flex"
           overflow="hidden"
         >