diff --git a/site/src/pages/Overview/index.jsx b/site/src/pages/Overview/index.jsx
index 1cc362110..55bf3db64 100644
--- a/site/src/pages/Overview/index.jsx
+++ b/site/src/pages/Overview/index.jsx
@@ -4,8 +4,8 @@ import styled, { css } from "styled-components";
 import "../../components/Charts/globalConfig";
 
 import Summary from "./Summary";
-import ProposerTable from "./ProposerTable";
-import BeneficiaryTable from "./BeneficiaryTable";
+// import ProposerTable from "./ProposerTable";
+// import BeneficiaryTable from "./BeneficiaryTable";
 import { overviewSelector } from "../../store/reducers/overviewSlice";
 import { getPrecision, toPrecision } from "../../utils";
 // import TreasuryStats from "./TreasuryStats";
@@ -17,6 +17,7 @@ import {
   flex_row_reverse,
   gap_x,
   gap_y,
+  grid,
   grid_cols,
   m_t,
 } from "../../styles/tailwindcss";
@@ -85,6 +86,13 @@ const TableWrapper = styled.div`
   }
 `;
 
+const TopBeneficiariesTableWrapper = styled.div`
+  ${grid}
+  ${grid_cols(2)}
+  gap: 16px;
+  ${mdcss(grid_cols(1))}
+`;
+
 const Overview = () => {
   const overview = useSelector(overviewSelector);
   const symbol = useSelector(chainSymbolSelector);
@@ -182,8 +190,12 @@ const Overview = () => {
       {/* <IncomeAndOutputPeriods /> */}
       {/* {currentChainSettings.hasOutputPeriods && <OutputPeriods />} */}
       <TableWrapper>
-        {!isCentrifuge && <TopBeneficiariesTable />}
-        {!isKusama && <BeneficiaryTable />}
+        {!isCentrifuge && (
+          <TopBeneficiariesTableWrapper>
+            <TopBeneficiariesTable />
+          </TopBeneficiariesTableWrapper>
+        )}
+        {/* {!isKusama && <BeneficiaryTable />} */}
         {/* {currentChainSettings.hasTips && <ProposerTable />} */}
       </TableWrapper>
     </>