diff --git a/apps/explorer/src/components/common/Tabs/Tabs.tsx b/apps/explorer/src/components/common/Tabs/Tabs.tsx
index 26de10ba31..9413ff2e3b 100644
--- a/apps/explorer/src/components/common/Tabs/Tabs.tsx
+++ b/apps/explorer/src/components/common/Tabs/Tabs.tsx
@@ -42,7 +42,7 @@ export interface Props {
   readonly tabTheme: TabTheme
   readonly selectedTab?: TabId
   readonly extra?: TabBarExtraContent
-  readonly extraPosition?: 'top' | 'bottom'
+  readonly extraPosition?: 'top' | 'bottom' | 'both'
   readonly updateSelectedTab?: (activeId: TabId) => void
 }
 
@@ -129,10 +129,10 @@ const Tabs: React.FC<Props> = (props) => {
             tabTheme={tabTheme}
           />
         ))}
-        {extraPosition === 'top' && <ExtraContent extra={tabBarExtraContent} />}
+        {['top', 'both'].includes(extraPosition) && <ExtraContent extra={tabBarExtraContent} />}
       </TabList>
       <TabContent tabItems={tabItems} activeTab={selectedTab} />
-      {extraPosition === 'bottom' && <ExtraContent extra={tabBarExtraContent} />}
+      {['bottom', 'both'].includes(extraPosition) && <ExtraContent extra={tabBarExtraContent} />}
     </Wrapper>
   )
 }
diff --git a/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx b/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx
index 14d92dd28b..0efd2ec7e8 100644
--- a/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx
+++ b/apps/explorer/src/components/orders/OrdersUserDetailsTable/index.tsx
@@ -26,6 +26,8 @@ import { ToggleFilter } from './ToggleFilter'
 import { SimpleTable, SimpleTableProps } from '../../common/SimpleTable'
 import { StatusLabel } from '../StatusLabel'
 import { UnsignedOrderWarning } from '../UnsignedOrderWarning'
+import { TableState } from '../../../explorer/components/TokensTableWidget/useTable'
+import { Command } from '@cowprotocol/types'
 
 const EXPIRED_CANCELED_STATES: OrderStatus[] = ['cancelled', 'cancelling', 'expired']
 
@@ -53,6 +55,8 @@ const Wrapper = styled.div`
 
 export type Props = SimpleTableProps & {
   orders: Order[] | undefined
+  tableState: TableState
+  handleNextPage: Command
   messageWhenEmpty?: string | React.ReactNode
 }
 
@@ -68,23 +72,48 @@ interface RowProps {
 const FilterRow = styled.tr`
   background-color: ${({ theme }) => theme.background};
 
-  th {
+  @media (max-width: 1155px) {
+    div:first-child {
+      max-width: 90vw;
+    }
+  }
+
+  td {
+    padding: 2rem;
     text-align: right;
     padding-right: 10px;
-
+    max-width: 100%;
     & > * {
       margin-left: 10px;
     }
   }
+
+  p {
+    word-wrap: break-word;
+    white-space: normal;
+  }
 `
 
-const NoOrdersContainer = styled.div`
+const Filters = styled.div`
   display: flex;
-  flex-wrap: wrap;
-  align-items: center;
   justify-content: center;
-  flex-direction: column;
-  padding: 2rem;
+  flex-wrap: wrap;
+  flex-direction: row;
+  gap: 1rem;
+`
+
+const HiddenOrdersLegend = styled.div`
+  p {
+    text-align: center;
+  }
+
+  a {
+    text-decoration: underline;
+  }
+
+  a:hover {
+    color: ${({ theme }) => theme.textSecondary2};
+  }
 `
 
 const RowOrder: React.FC<RowProps> = ({ order, isPriceInverted, showCanceledAndExpired, showPreSigning }) => {
@@ -159,7 +188,7 @@ const RowOrder: React.FC<RowProps> = ({ order, isPriceInverted, showCanceledAndE
 }
 
 const OrdersUserDetailsTable: React.FC<Props> = (props) => {
-  const { orders, messageWhenEmpty } = props
+  const { orders, messageWhenEmpty, tableState, handleNextPage } = props
   const [isPriceInverted, setIsPriceInverted] = useState(false)
   const [showCanceledAndExpired, setShowCanceledAndExpired] = useState(false)
   const [showPreSigning, setShowPreSigning] = useState(false)
@@ -167,8 +196,11 @@ const OrdersUserDetailsTable: React.FC<Props> = (props) => {
   const canceledAndExpiredCount = orders?.filter(isExpiredOrCanceled).length || 0
   const preSigningCount = orders?.filter((order) => order.status === 'signing').length || 0
   const showFilter = canceledAndExpiredCount > 0 || preSigningCount > 0
-  const areOrdersAllHidden =
-    orders?.length === (showPreSigning ? 0 : preSigningCount) + (showCanceledAndExpired ? 0 : canceledAndExpiredCount)
+
+  const hiddenOrdersCount =
+    (showPreSigning ? 0 : preSigningCount) + (showCanceledAndExpired ? 0 : canceledAndExpiredCount)
+
+  const areOrdersAllHidden = orders?.length === hiddenOrdersCount
 
   const invertLimitPrice = (): void => {
     setIsPriceInverted((previousValue) => !previousValue)
@@ -182,31 +214,6 @@ const OrdersUserDetailsTable: React.FC<Props> = (props) => {
     <SimpleTable
       header={
         <>
-          {showFilter && (
-            <FilterRow>
-              <th colSpan={8}>
-                {canceledAndExpiredCount > 0 && (
-                  <ToggleFilter
-                    checked={showCanceledAndExpired}
-                    onChange={() => setShowCanceledAndExpired((previousValue) => !previousValue)}
-                    label={(showCanceledAndExpired ? 'Hide' : 'Show') + ' canceled/expired'}
-                    count={canceledAndExpiredCount}
-                  />
-                )}
-                {preSigningCount > 0 && (
-                  <>
-                    <ToggleFilter
-                      checked={showPreSigning}
-                      onChange={() => setShowPreSigning((previousValue) => !previousValue)}
-                      label={(showPreSigning ? 'Hide' : 'Show') + ' unsigned'}
-                      count={preSigningCount}
-                    />
-                    {showPreSigning && <UnsignedOrderWarning />}
-                  </>
-                )}
-              </th>
-            </FilterRow>
-          )}
           {!areOrdersAllHidden && (
             <tr>
               <th>
@@ -227,11 +234,20 @@ const OrdersUserDetailsTable: React.FC<Props> = (props) => {
               <th>Status</th>
             </tr>
           )}
+          {showPreSigning && (
+            <FilterRow>
+              <td colSpan={8}>
+                <div>
+                  <UnsignedOrderWarning />
+                </div>
+              </td>
+            </FilterRow>
+          )}
         </>
       }
       body={
         <>
-          {!areOrdersAllHidden ? (
+          {!areOrdersAllHidden &&
             orders.map((item) => (
               <RowOrder
                 key={item.uid}
@@ -240,12 +256,57 @@ const OrdersUserDetailsTable: React.FC<Props> = (props) => {
                 showCanceledAndExpired={showCanceledAndExpired}
                 showPreSigning={showPreSigning}
               />
-            ))
-          ) : (
-            <NoOrdersContainer>
-              <p>No orders found.</p>
-              <p>You can toggle the filters to show the {orders.length} hidden orders.</p>
-            </NoOrdersContainer>
+            ))}
+
+          {showFilter && (
+            <FilterRow>
+              <td colSpan={8}>
+                <div>
+                  <HiddenOrdersLegend>
+                    {hiddenOrdersCount > 0 ? (
+                      <>
+                        <p>
+                          Showing {orders.length - hiddenOrdersCount} out of {orders.length} orders for the current
+                          page.
+                        </p>
+                        <p>
+                          {hiddenOrdersCount} orders are hidden, you can make them visible using the filters below
+                          {tableState.hasNextPage ? (
+                            <span>
+                              , or go to&nbsp;<a onClick={handleNextPage}>next page</a>&nbsp;for more orders.
+                            </span>
+                          ) : (
+                            '.'
+                          )}
+                        </p>
+                      </>
+                    ) : (
+                      <p>Showing all {orders.length} orders for the current page.</p>
+                    )}
+                  </HiddenOrdersLegend>
+                  <Filters>
+                    {canceledAndExpiredCount > 0 && (
+                      <ToggleFilter
+                        checked={showCanceledAndExpired}
+                        onChange={() => setShowCanceledAndExpired((previousValue) => !previousValue)}
+                        label={(showCanceledAndExpired ? 'Hide' : 'Show') + ' canceled/expired'}
+                        count={canceledAndExpiredCount}
+                      />
+                    )}
+                    {preSigningCount > 0 && (
+                      <>
+                        <ToggleFilter
+                          checked={showPreSigning}
+                          onChange={() => setShowPreSigning((previousValue) => !previousValue)}
+                          label={(showPreSigning ? 'Hide' : 'Show') + ' unsigned'}
+                          count={preSigningCount}
+                        />
+                      </>
+                    )}
+                  </Filters>
+                </div>
+              </td>
+            </FilterRow>
           )}
         </>
       }
diff --git a/apps/explorer/src/explorer/components/OrdersTableWidget/OrdersTableWithData.tsx b/apps/explorer/src/explorer/components/OrdersTableWidget/OrdersTableWithData.tsx
index 69bfaad2c1..bec399a58a 100644
--- a/apps/explorer/src/explorer/components/OrdersTableWidget/OrdersTableWithData.tsx
+++ b/apps/explorer/src/explorer/components/OrdersTableWidget/OrdersTableWithData.tsx
@@ -12,6 +12,8 @@ export const OrdersTableWithData: React.FC = () => {
   const {
     data: orders,
     addressAccountParams: { ownerAddress, networkId },
+    tableState,
+    handleNextPage,
   } = useContext(OrdersTableContext)
   const isFirstRender = useFirstRender()
   const [isFirstLoading, setIsFirstLoading] = useState(true)
@@ -46,6 +48,8 @@ export const OrdersTableWithData: React.FC = () => {
   ) : (
     <OrdersTable
       orders={orders}
+      tableState={tableState}
+      handleNextPage={handleNextPage}
       messageWhenEmpty={
         <EmptyOrdersMessage
           isLoading={searchInAnotherNetworkState}
diff --git a/apps/explorer/src/explorer/components/OrdersTableWidget/index.tsx b/apps/explorer/src/explorer/components/OrdersTableWidget/index.tsx
index f74cf0359e..5f0266c933 100644
--- a/apps/explorer/src/explorer/components/OrdersTableWidget/index.tsx
+++ b/apps/explorer/src/explorer/components/OrdersTableWidget/index.tsx
@@ -91,7 +91,7 @@ const OrdersTableWidget: React.FC<Props> = ({ ownerAddress, networkId }) => {
     >
       <ConnectionStatus />
       {error && <Notification type={error.type} message={error.message} />}
-      <StyledExplorerTabs tabItems={tabItems(isLoading)} extra={ExtraComponentNode} />
+      <StyledExplorerTabs tabItems={tabItems(isLoading)} extra={ExtraComponentNode} extraPosition="both" />
     </OrdersTableContext.Provider>
   )
 }
diff --git a/apps/explorer/src/explorer/components/common/ExplorerTabs/ExplorerTabs.tsx b/apps/explorer/src/explorer/components/common/ExplorerTabs/ExplorerTabs.tsx
index cd5f1c712f..9e791b962b 100644
--- a/apps/explorer/src/explorer/components/common/ExplorerTabs/ExplorerTabs.tsx
+++ b/apps/explorer/src/explorer/components/common/ExplorerTabs/ExplorerTabs.tsx
@@ -5,11 +5,7 @@ import { Media } from '@cowprotocol/ui'
 import styled from 'styled-components/macro'
 import { DARK_COLOURS } from 'theme'
 
-import Tabs, {
-  getTabTheme,
-  Props as TabsProps,
-  IndicatorTabSize,
-} from '../../../../components/common/Tabs/Tabs'
+import Tabs, { getTabTheme, Props as TabsProps, IndicatorTabSize } from '../../../../components/common/Tabs/Tabs'
 
 const StyledTabs = styled.div`
   display: flex;
@@ -56,7 +52,7 @@ const tabCustomThemeConfig = getTabTheme({
   indicatorTabSize: IndicatorTabSize.big,
 })
 
-type ExplorerTabsProps = Omit<TabsProps, 'tabTheme'> & { extraPosition?: 'top' | 'bottom' }
+type ExplorerTabsProps = Omit<TabsProps, 'tabTheme'> & { extraPosition?: 'top' | 'bottom' | 'both' }
 
 const ExplorerTabs: React.FC<ExplorerTabsProps> = (props) => {
   return (