diff --git a/src/components/blocked-pubkeys/BlockedPubkeys.styles.ts b/src/components/blocked-pubkeys/BlockedPubkeys.styles.ts
index 97076bf6..3a65298b 100644
--- a/src/components/blocked-pubkeys/BlockedPubkeys.styles.ts
+++ b/src/components/blocked-pubkeys/BlockedPubkeys.styles.ts
@@ -1,4 +1,37 @@
 import styled from 'styled-components';
+import Card from 'antd/lib/card/Card';
+import { Table, TableProps } from 'antd';
+import { Input } from 'antd';
+import { BaseCol } from '../common/BaseCol/BaseCol';
+export const InputRoot = styled(Input)`
+  background-color: var(--layout-sider-bg-color);
+  & input {
+    background-color: var(--layout-sider-bg-color);
+  }
+`;
+export const BaseColRoot = styled(BaseCol)`
+  overflow: auto;
+  border-radius: 8px;
+  height: 100%;
+`;
+export const TableContainer = styled.div`
+  border-radius: 12px;
+  margin: 0 2px;
+  padding-top: 0.4rem;
+  padding-bottom: 2rem;
+  background-color: var(--secondary-background-color);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
+  border: 1px solid var(--border-base-color);
+`;
+export const CardRoot = styled(Card)`
+  border: none;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  background-color: var(--background-color);
+  padding-left: 1.5rem;
+  padding-right: 1.5rem;
+  padding-top: 1rem;
+  padding-bottom: 2rem;
+`;
 
 export const HeaderWrapper = styled.div`
   display: flex;
@@ -6,7 +39,7 @@ export const HeaderWrapper = styled.div`
   margin-bottom: 1.5rem;
   flex-wrap: wrap;
   gap: 1rem;
-  
+
   @media (max-width: 768px) {
     flex-direction: column;
   }
@@ -54,3 +87,11 @@ export const CircularBadge = styled.div<{ color: string }>`
   font-weight: bold;
   margin-right: 8px;
 `;
+export const EmptyList = styled.div`
+  min-height: 4rem;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--text-light-color);
+  border-bottom: none;
+`;
diff --git a/src/components/blocked-pubkeys/BlockedPubkeys.tsx b/src/components/blocked-pubkeys/BlockedPubkeys.tsx
index 6f1acb28..70ddbb2e 100644
--- a/src/components/blocked-pubkeys/BlockedPubkeys.tsx
+++ b/src/components/blocked-pubkeys/BlockedPubkeys.tsx
@@ -1,5 +1,5 @@
-import React, { useState } from 'react';
-import { Card, Space, Typography } from 'antd';
+import React, { useState, FC } from 'react';
+import { Space, Typography, Table, TableProps } from 'antd';
 import useBlockedPubkeys from '@app/hooks/useBlockedPubkeys';
 import { BaseButton } from '@app/components/common/BaseButton/BaseButton';
 import { ReloadOutlined } from '@ant-design/icons';
@@ -7,20 +7,39 @@ import { BlockedPubkeysTable } from './components/BlockedPubkeysTable';
 import { FlaggedPubkeysTable } from './components/FlaggedPubkeysTable';
 import { BlockPubkeyForm } from './components/BlockPubkeyForm';
 import { useModerationStats } from '@app/hooks/useModerationStats';
+import { LockFilled } from '@ant-design/icons';
+import styled from 'styled-components';
 import * as S from './BlockedPubkeys.styles';
 
 const { Title, Text } = Typography;
 
+export function createStyledTable<T extends object = any>() {
+  const GenericTable: FC<TableProps<T>> = (props) => <Table {...props} />;
+
+  const StyledTable = styled(GenericTable)`
+    border-radius: 12px;
+
+    & .ant-table-thead .ant-table-cell {
+      background-color: var(--secondary-background-color);
+    }
+
+    .ant-table-tbody {
+      background-color: var(--layout-sider-bg-color);
+    }
+    .ant-table-placeholder .ant-table-cell {
+      background-color: var(--layout-sider-bg-color);
+      transition: none;
+    }
+    .ant-table-placeholder .ant-table-cell:hover {
+      background-color: var(--layout-sider-bg-color);
+    }
+  `;
+  return StyledTable;
+}
 export const BlockedPubkeys: React.FC = () => {
   const [activeView, setActiveView] = useState<'blocked' | 'flagged'>('blocked');
-  const {
-    blockedPubkeys,
-    count,
-    loading,
-    fetchBlockedPubkeys,
-    addBlockedPubkey,
-    removeBlockedPubkey,
-  } = useBlockedPubkeys();
+  const { blockedPubkeys, count, loading, fetchBlockedPubkeys, addBlockedPubkey, removeBlockedPubkey } =
+    useBlockedPubkeys();
   const { fetchStats, loading: statsLoading } = useModerationStats();
 
   // Refresh all data
@@ -30,57 +49,41 @@ export const BlockedPubkeys: React.FC = () => {
   };
 
   return (
-    <Card>
-      <Space direction="vertical" size="large" style={{ width: '100%' }}>
-        <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
-          <div>
-            <Title level={4}>Access Control</Title>
-            <Text type="secondary">
-              Control access to your relay and manage flagged pubkeys
-            </Text>
+    <S.BaseColRoot>
+      <S.CardRoot>
+        <Space direction="vertical" size="large" style={{ width: '100%' }}>
+          <div style={{ display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
+            <div>
+              <Title level={3}>
+                Access Control <LockFilled />
+              </Title>
+              <Text style={{ color: 'var(--text-light-color)' }}>
+                Control access to your relay and manage flagged pubkeys
+              </Text>
+            </div>
+            <BaseButton icon={<ReloadOutlined />} onClick={handleRefresh} loading={loading || statsLoading}>
+              Refresh
+            </BaseButton>
           </div>
-          <BaseButton 
-            icon={<ReloadOutlined />} 
-            onClick={handleRefresh}
-            loading={loading || statsLoading}
-          >
-            Refresh
-          </BaseButton>
-        </div>
-        
-        {activeView === 'blocked' && (
-          <BlockPubkeyForm onSubmit={addBlockedPubkey} disabled={loading} />
-        )}
-        
-        <S.NavContainer>
-          <S.NavLink 
-            active={activeView === 'blocked'} 
-            onClick={() => setActiveView('blocked')}
-          >
-            Blocked Access
-          </S.NavLink>
-          <S.NavLink 
-            active={activeView === 'flagged'} 
-            onClick={() => setActiveView('flagged')}
-          >
-            Flagged Access
-          </S.NavLink>
-        </S.NavContainer>
-        
-        {activeView === 'blocked' ? (
-          <BlockedPubkeysTable 
-            blockedPubkeys={blockedPubkeys}
-            loading={loading}
-            onUnblock={removeBlockedPubkey}
-          />
-        ) : (
-          <FlaggedPubkeysTable 
-            blockedPubkeys={blockedPubkeys}
-            onBlock={addBlockedPubkey}
-            disabled={loading}
-          />
-        )}
-      </Space>
-    </Card>
+
+          {activeView === 'blocked' && <BlockPubkeyForm onSubmit={addBlockedPubkey} disabled={loading} />}
+
+          <S.NavContainer>
+            <S.NavLink active={activeView === 'blocked'} onClick={() => setActiveView('blocked')}>
+              Blocked Access
+            </S.NavLink>
+            <S.NavLink active={activeView === 'flagged'} onClick={() => setActiveView('flagged')}>
+              Flagged Access
+            </S.NavLink>
+          </S.NavContainer>
+
+          {activeView === 'blocked' ? (
+            <BlockedPubkeysTable blockedPubkeys={blockedPubkeys} loading={loading} onUnblock={removeBlockedPubkey} />
+          ) : (
+            <FlaggedPubkeysTable blockedPubkeys={blockedPubkeys} onBlock={addBlockedPubkey} disabled={loading} />
+          )}
+        </Space>
+      </S.CardRoot>
+    </S.BaseColRoot>
   );
 };
diff --git a/src/components/blocked-pubkeys/components/BlockPubkeyForm.tsx b/src/components/blocked-pubkeys/components/BlockPubkeyForm.tsx
index d54c1fff..5fcabead 100644
--- a/src/components/blocked-pubkeys/components/BlockPubkeyForm.tsx
+++ b/src/components/blocked-pubkeys/components/BlockPubkeyForm.tsx
@@ -1,16 +1,38 @@
 import React, { useState } from 'react';
 import { Form, Input, Button, Card } from 'antd';
 import { PlusOutlined } from '@ant-design/icons';
+import styled from 'styled-components';
+import { BREAKPOINTS } from '@app/styles/themes/constants';
 
 interface BlockPubkeyFormProps {
   onSubmit: (pubkey: string, reason?: string) => Promise<void>;
   disabled: boolean;
 }
+const CardRoot = styled(Card)`
+  border-color: var(--border-base-color) !important;
+  border-width: 1px;
+  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
+  background-color: var(--secondary-background-color) !important;
 
-export const BlockPubkeyForm: React.FC<BlockPubkeyFormProps> = ({
-  onSubmit,
-  disabled,
-}) => {
+  & .ant-card-head {
+    border-bottom-color: var(--border-base-color) !important;
+  }
+}
+`;
+const TextArea = styled(Input.TextArea)`
+  background-color: var(--layout-sider-bg-color) !important;
+`;
+const InputArea = styled(Input)`
+  background-color: var(--layout-sider-bg-color) !important;
+`;
+export const FormItemContainer = styled.div`
+  width: 100%;
+  @media screen and (min-width: ${BREAKPOINTS.md}px) {
+    padding-right: 1.5rem;
+  }
+`;
+
+export const BlockPubkeyForm: React.FC<BlockPubkeyFormProps> = ({ onSubmit, disabled }) => {
   const [form] = Form.useForm();
   const [submitting, setSubmitting] = useState(false);
 
@@ -36,42 +58,26 @@ export const BlockPubkeyForm: React.FC<BlockPubkeyFormProps> = ({
   };
 
   return (
-    <Card title="Block a Pubkey" size="small">
-      <Form
-        form={form}
-        layout="vertical"
-        onFinish={handleSubmit}
-      >
-        <Form.Item
-          name="pubkey"
-          label="Pubkey to block"
-          rules={[{ validator: validatePubkey }]}
-        >
-          <Input placeholder="Enter the 64-character hex pubkey" />
-        </Form.Item>
+    <CardRoot title="Block a Pubkey" size="small">
+      <Form form={form} layout="vertical" onFinish={handleSubmit}>
+        <FormItemContainer>
+          <Form.Item name="pubkey" label="Pubkey to block" rules={[{ validator: validatePubkey }]}>
+            <InputArea placeholder="Enter the 64-character hex pubkey" />
+          </Form.Item>
+        </FormItemContainer>
 
-        <Form.Item
-          name="reason"
-          label="Reason (optional)"
-        >
-          <Input.TextArea 
-            placeholder="Enter reason for blocking this pubkey" 
-            rows={2} 
-          />
-        </Form.Item>
+        <FormItemContainer>
+          <Form.Item name="reason" label="Reason (optional)">
+            <TextArea placeholder="Enter reason for blocking this pubkey" rows={2} />
+          </Form.Item>
+        </FormItemContainer>
 
         <Form.Item>
-          <Button
-            type="primary"
-            htmlType="submit"
-            icon={<PlusOutlined />}
-            loading={submitting}
-            disabled={disabled}
-          >
+          <Button type="primary" htmlType="submit" icon={<PlusOutlined />} loading={submitting} disabled={disabled}>
             Block Pubkey
           </Button>
         </Form.Item>
       </Form>
-    </Card>
+    </CardRoot>
   );
 };
diff --git a/src/components/blocked-pubkeys/components/BlockedPubkeysTable.tsx b/src/components/blocked-pubkeys/components/BlockedPubkeysTable.tsx
index e2f24b04..71ac5f59 100644
--- a/src/components/blocked-pubkeys/components/BlockedPubkeysTable.tsx
+++ b/src/components/blocked-pubkeys/components/BlockedPubkeysTable.tsx
@@ -1,28 +1,25 @@
 import React, { useState } from 'react';
-import { Table, Input, Button, Modal, Tooltip, Space, Badge, Spin } from 'antd';
-import { DeleteOutlined, CopyOutlined, SearchOutlined, FlagOutlined } from '@ant-design/icons';
+import { Button, Modal, Tooltip, Space, Spin, TableColumnsType, Table } from 'antd';
+import { DeleteOutlined, CopyOutlined, SearchOutlined } from '@ant-design/icons';
 import { BlockedPubkey } from '@app/api/blockedPubkeys.api';
 import { useModerationStats } from '@app/hooks/useModerationStats';
 import * as S from '../BlockedPubkeys.styles';
+import { createStyledTable } from '../BlockedPubkeys';
 
 interface BlockedPubkeysTableProps {
   blockedPubkeys: BlockedPubkey[];
   loading: boolean;
   onUnblock: (pubkey: string) => Promise<void>;
 }
-
-export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
-  blockedPubkeys,
-  loading,
-  onUnblock,
-}) => {
+export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({ blockedPubkeys, loading, onUnblock }) => {
   const [searchText, setSearchText] = useState('');
   const [confirmModalVisible, setConfirmModalVisible] = useState(false);
   const [currentPubkey, setCurrentPubkey] = useState('');
   const { getFlagCountsForPubkeys, loading: statsLoading } = useModerationStats();
-  
+  const TableRoot = createStyledTable<BlockedPubkey>();
+
   // Get flag counts for all pubkeys in the table
-  const pubkeyFlagCounts = getFlagCountsForPubkeys(blockedPubkeys.map(bp => bp.pubkey));
+  const pubkeyFlagCounts = getFlagCountsForPubkeys(blockedPubkeys.map((bp) => bp.pubkey));
 
   // Handle pubkey copy
   const handleCopy = (pubkey: string) => {
@@ -43,9 +40,10 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
   };
 
   // Filter pubkeys based on search
-  const filteredPubkeys = blockedPubkeys.filter(item => 
-    item.pubkey.toLowerCase().includes(searchText.toLowerCase()) ||
-    (item.reason && item.reason.toLowerCase().includes(searchText.toLowerCase()))
+  const filteredPubkeys = blockedPubkeys.filter(
+    (item) =>
+      item.pubkey.toLowerCase().includes(searchText.toLowerCase()) ||
+      (item.reason && item.reason.toLowerCase().includes(searchText.toLowerCase())),
   );
 
   // Format pubkey for display (truncate)
@@ -56,7 +54,7 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
     return `${cleanPubkey.substring(0, 6)}...${cleanPubkey.substring(cleanPubkey.length - 6)}`;
   };
 
-  const columns = [
+  const columns: TableColumnsType<BlockedPubkey> = [
     {
       title: 'Pubkey',
       dataIndex: 'pubkey',
@@ -65,12 +63,7 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
         <Space>
           {formatPubkey(pubkey)}
           <Tooltip title="Copy full pubkey">
-            <Button 
-              icon={<CopyOutlined />} 
-              type="text" 
-              size="small" 
-              onClick={() => handleCopy(pubkey)}
-            />
+            <Button icon={<CopyOutlined />} type="text" size="small" onClick={() => handleCopy(pubkey)} />
           </Tooltip>
         </Space>
       ),
@@ -96,7 +89,7 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
             {statsLoading ? (
               <Spin size="small" />
             ) : (
-              <S.CircularBadge 
+              <S.CircularBadge
                 color={count > 10 ? 'var(--error-color)' : count > 5 ? 'var(--warning-color)' : 'var(--primary-color)'}
               >
                 {count}
@@ -105,7 +98,7 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
           </S.FlagCountContainer>
         );
       },
-      sorter: (a: BlockedPubkey, b: BlockedPubkey) => 
+      sorter: (a: BlockedPubkey, b: BlockedPubkey) =>
         (pubkeyFlagCounts[a.pubkey] || 0) - (pubkeyFlagCounts[b.pubkey] || 0),
       defaultSortOrder: 'descend' as const,
     },
@@ -113,11 +106,7 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
       title: 'Actions',
       key: 'actions',
       render: (_: any, record: BlockedPubkey) => (
-        <Button
-          danger
-          icon={<DeleteOutlined />}
-          onClick={() => showConfirmModal(record.pubkey)}
-        >
+        <Button danger icon={<DeleteOutlined />} onClick={() => showConfirmModal(record.pubkey)}>
           Unblock
         </Button>
       ),
@@ -127,27 +116,29 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
   return (
     <>
       <div style={{ marginBottom: '1rem' }}>
-        <Input
+        <S.InputRoot
           placeholder="Search pubkeys or reasons"
           value={searchText}
-          onChange={e => setSearchText(e.target.value)}
+          onChange={(e) => setSearchText(e.target.value)}
           prefix={<SearchOutlined />}
           allowClear
         />
       </div>
 
-      <Table
-        dataSource={filteredPubkeys}
-        columns={columns}
-        rowKey="pubkey"
-        loading={loading}
-        pagination={{
-          pageSize: 10,
-          showSizeChanger: true,
-          showTotal: (total) => `Total: ${total} blocked pubkeys`,
-        }}
-        locale={{ emptyText: 'No blocked pubkeys' }}
-      />
+      <S.TableContainer>
+        <TableRoot
+          dataSource={filteredPubkeys}
+          columns={columns}
+          rowKey="pubkey"
+          loading={loading}
+          pagination={{
+            pageSize: 10,
+            showSizeChanger: true,
+            showTotal: (total) => `Total: ${total} blocked pubkeys`,
+          }}
+          locale={{ emptyText: <S.EmptyList>No blocked pubkeys</S.EmptyList> }}
+        />
+      </S.TableContainer>
 
       <Modal
         title="Confirm Unblock"
@@ -158,7 +149,9 @@ export const BlockedPubkeysTable: React.FC<BlockedPubkeysTableProps> = ({
         okButtonProps={{ danger: true }}
       >
         <p>Are you sure you want to unblock this pubkey?</p>
-        <p><strong>{currentPubkey.replace('blocked_pubkey:', '')}</strong></p>
+        <p>
+          <strong>{currentPubkey.replace('blocked_pubkey:', '')}</strong>
+        </p>
       </Modal>
     </>
   );
diff --git a/src/components/blocked-pubkeys/components/FlaggedPubkeysTable.tsx b/src/components/blocked-pubkeys/components/FlaggedPubkeysTable.tsx
index f2d37d21..26abf076 100644
--- a/src/components/blocked-pubkeys/components/FlaggedPubkeysTable.tsx
+++ b/src/components/blocked-pubkeys/components/FlaggedPubkeysTable.tsx
@@ -1,10 +1,12 @@
 import React, { useState } from 'react';
-import { Table, Input, Button, Space, Badge, Spin, Modal } from 'antd';
-import { StopOutlined, SearchOutlined, FlagOutlined } from '@ant-design/icons';
-import { useModerationStats, UserStat } from '@app/hooks/useModerationStats';
+import { Input, Button, Modal, TableColumnsType } from 'antd';
+import { StopOutlined, SearchOutlined } from '@ant-design/icons';
+import { useModerationStats } from '@app/hooks/useModerationStats';
 import { BlockedPubkey } from '@app/api/blockedPubkeys.api';
-import * as S from '../BlockedPubkeys.styles';
+import type { UserStat } from '@app/hooks/useModerationStats';
+import { createStyledTable } from '../BlockedPubkeys';
 
+import * as S from '../BlockedPubkeys.styles';
 interface FlaggedPubkeysTableProps {
   blockedPubkeys: BlockedPubkey[]; // Already blocked pubkeys to filter out
   onBlock: (pubkey: string, reason?: string) => Promise<void>;
@@ -21,16 +23,20 @@ export const FlaggedPubkeysTable: React.FC<FlaggedPubkeysTableProps> = ({
   const [currentPubkey, setCurrentPubkey] = useState('');
   const [blockReason, setBlockReason] = useState('');
   const { stats, loading: statsLoading } = useModerationStats();
-  
+  const TableRoot = createStyledTable<UserStat>();
+
   // Filter out already blocked pubkeys and return the rest
-  const flaggedUsers = stats?.by_user.filter(
-    user => !blockedPubkeys.some(bp => 
-      bp.pubkey === user.pubkey || 
-      bp.pubkey === `blocked_pubkey:${user.pubkey}` ||
-      user.pubkey === `blocked_pubkey:${bp.pubkey}`
-    )
-  ) || [];
-  
+  const flaggedUsers =
+    stats?.by_user.filter(
+      (user) =>
+        !blockedPubkeys.some(
+          (bp) =>
+            bp.pubkey === user.pubkey ||
+            bp.pubkey === `blocked_pubkey:${user.pubkey}` ||
+            user.pubkey === `blocked_pubkey:${bp.pubkey}`,
+        ),
+    ) || [];
+
   // Format pubkey for display (truncate)
   const formatPubkey = (pubkey: string) => {
     // Strip the prefix first for consistent display
@@ -38,26 +44,24 @@ export const FlaggedPubkeysTable: React.FC<FlaggedPubkeysTableProps> = ({
     if (cleanPubkey.length <= 12) return cleanPubkey;
     return `${cleanPubkey.substring(0, 6)}...${cleanPubkey.substring(cleanPubkey.length - 6)}`;
   };
-  
+
   // Filter by search
-  const filteredPubkeys = flaggedUsers.filter(
-    item => item.pubkey.toLowerCase().includes(searchText.toLowerCase())
-  );
-  
+  const filteredPubkeys = flaggedUsers.filter((item) => item.pubkey.toLowerCase().includes(searchText.toLowerCase()));
+
   // Show block modal with default reason
   const showBlockModal = (pubkey: string, flagCount: number) => {
     setCurrentPubkey(pubkey);
     setBlockReason(`Blocked due to high flag count (${flagCount} flags)`);
     setBlockModalVisible(true);
   };
-  
+
   // Handle block confirmation with custom reason
   const handleConfirmBlock = async () => {
     await onBlock(currentPubkey, blockReason);
     setBlockModalVisible(false);
   };
-  
-  const columns = [
+
+  const columns: TableColumnsType<UserStat> = [
     {
       title: 'Pubkey',
       dataIndex: 'pubkey',
@@ -70,7 +74,7 @@ export const FlaggedPubkeysTable: React.FC<FlaggedPubkeysTableProps> = ({
       key: 'count',
       render: (count: number) => (
         <S.FlagCountContainer>
-          <S.CircularBadge 
+          <S.CircularBadge
             color={count > 10 ? 'var(--error-color)' : count > 5 ? 'var(--warning-color)' : 'var(--primary-color)'}
           >
             {count}
@@ -96,32 +100,40 @@ export const FlaggedPubkeysTable: React.FC<FlaggedPubkeysTableProps> = ({
       ),
     },
   ];
-  
+
   return (
     <>
       <div style={{ marginBottom: '1rem' }}>
         <Input
           placeholder="Search pubkeys"
           value={searchText}
-          onChange={e => setSearchText(e.target.value)}
+          onChange={(e) => setSearchText(e.target.value)}
           prefix={<SearchOutlined />}
           allowClear
         />
       </div>
-      
-      <Table
-        dataSource={filteredPubkeys}
-        columns={columns}
-        rowKey="pubkey"
-        loading={statsLoading}
-        pagination={{
-          pageSize: 10,
-          showSizeChanger: true,
-          showTotal: (total) => `Total: ${total} flagged pubkeys`,
-        }}
-        locale={{ emptyText: statsLoading ? 'Loading...' : 'No flagged pubkeys found' }}
-      />
-      
+
+      <S.TableContainer>
+        <TableRoot
+          dataSource={filteredPubkeys}
+          columns={columns}
+          rowKey="pubkey"
+          loading={statsLoading}
+          pagination={{
+            pageSize: 10,
+            showSizeChanger: true,
+            showTotal: (total) => `Total: ${total} flagged pubkeys`,
+          }}
+          locale={{
+            emptyText: statsLoading ? (
+              <S.EmptyList>Loading... </S.EmptyList>
+            ) : (
+              <S.EmptyList>No flagged pubkeys found</S.EmptyList>
+            ),
+          }}
+        />
+      </S.TableContainer>
+
       {/* Block Confirmation Modal */}
       <Modal
         title="Block Pubkey"
@@ -132,7 +144,9 @@ export const FlaggedPubkeysTable: React.FC<FlaggedPubkeysTableProps> = ({
         okButtonProps={{ danger: true }}
       >
         <p>Are you sure you want to block this pubkey?</p>
-        <p><strong>{formatPubkey(currentPubkey)}</strong></p>
+        <p>
+          <strong>{formatPubkey(currentPubkey)}</strong>
+        </p>
         <div style={{ marginTop: '16px' }}>
           <p>Reason:</p>
           <Input.TextArea
diff --git a/src/components/layouts/main/MainLayout/MainLayout.styles.ts b/src/components/layouts/main/MainLayout/MainLayout.styles.ts
index c89b9620..1470ba47 100644
--- a/src/components/layouts/main/MainLayout/MainLayout.styles.ts
+++ b/src/components/layouts/main/MainLayout/MainLayout.styles.ts
@@ -6,7 +6,7 @@ export const LayoutMaster = styled(BaseLayout)`
 `;
 
 export const LayoutMain = styled(BaseLayout)`
-  height: fit-content;
+  height: 100vh;
   @media only screen and ${media.md} {
     margin-left: 80px;
   }
diff --git a/src/components/layouts/main/MainLayout/MainLayout.tsx b/src/components/layouts/main/MainLayout/MainLayout.tsx
index 79d7f311..1dc07461 100644
--- a/src/components/layouts/main/MainLayout/MainLayout.tsx
+++ b/src/components/layouts/main/MainLayout/MainLayout.tsx
@@ -71,7 +71,7 @@ const MainLayout: React.FC = () => {
           <Header toggleSider={toggleSider} isSiderOpened={!siderCollapsed} isTwoColumnsLayout={isTwoColumnsLayout} />
         </MainHeader>
         <MainContent
-          style={isDesktop ? { overflowY: 'hidden' } : { overflowY: 'auto' }}
+          style={isDesktop ? { overflowY: 'auto' } : { overflowY: 'auto' }}
           id="main-content"
           $isTwoColumnsLayout={isTwoColumnsLayout}
           $isDesktop={isDesktop}
diff --git a/src/styles/themes/dark/darkTheme.ts b/src/styles/themes/dark/darkTheme.ts
index fe905825..d7d7dde8 100644
--- a/src/styles/themes/dark/darkTheme.ts
+++ b/src/styles/themes/dark/darkTheme.ts
@@ -66,7 +66,7 @@ export const darkColorsTheme: ITheme = {
   siderBackground: '#121430',
   spinnerBase: '#339CFD',
   scroll: '#797C9A',
-  border: '#ffffff',
+  border: '#a9a9a9',// changed to a grayer color
   borderNft: '#797C9A',
   textMain: '#ffffff',
   textLight: '#9A9B9F',
@@ -91,7 +91,7 @@ export const darkColorsTheme: ITheme = {
   notificationWarning: '#FFF4E7',
   notificationError: '#FFE2E2',
   heading: BASE_COLORS.white,
-  borderBase: '#a9a9a9',
+  borderBase: '#c7c6ca78',
   disable: '#7e7e7e',
   disabledBg: '#1c2137',
   layoutBodyBg: '#1e2142',
diff --git a/src/styles/themes/light/lightTheme.ts b/src/styles/themes/light/lightTheme.ts
index 245982e4..43490c9a 100644
--- a/src/styles/themes/light/lightTheme.ts
+++ b/src/styles/themes/light/lightTheme.ts
@@ -69,7 +69,7 @@ export const lightColorsTheme: ITheme = {
   border: '#cce1f4',
   borderNft: '#79819A',
   textMain: '#404040',
-  textLight: '#9A9B9F',
+  textLight: '#777778',
   textSuperLight: '#BEC0C6',
   textSecondary: BASE_COLORS.white,
   textDark: '#404040',