diff --git a/src/App.tsx b/src/App.tsx
index 8b0ed0d9..97beb039 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -5,6 +5,7 @@ import { ROUTES } from '~/constants'
 import {
   curTheme,
   endpoint,
+  renderProxiesInSamePage,
   selectedEndpoint,
   useAutoSwitchTheme,
   useProxies,
@@ -48,7 +49,9 @@ export const App = () => {
           <Show when={selectedEndpoint()}>
             <Route path={ROUTES.Overview} component={Overview} />
             <Route path={ROUTES.Proxies} component={Proxies} />
-            <Route path={ROUTES.ProxyProvider} component={ProxyProvider} />
+            <Show when={!renderProxiesInSamePage()}>
+              <Route path={ROUTES.ProxyProvider} component={ProxyProvider} />
+            </Show>
             <Route path={ROUTES.Rules} component={Rules} />
             <Route path={ROUTES.Conns} component={Connections} />
             <Route path={ROUTES.Log} component={Logs} />
diff --git a/src/pages/Rules.tsx b/src/pages/Rules.tsx
index 638b19bd..4f2385fe 100644
--- a/src/pages/Rules.tsx
+++ b/src/pages/Rules.tsx
@@ -48,7 +48,9 @@ export default () => {
             <div class="card card-bordered card-compact mb-2 bg-base-200 p-4">
               <div class="break-all">
                 {rule.payload}
-                {rule.size !== -1 && ` (${rule.size})`}
+                {typeof rule.size === 'number' &&
+                  rule.size !== -1 &&
+                  ` (${rule.size})`}
               </div>
               <div class="text-xs text-slate-500">
                 {rule.type} :: {rule.proxy}