diff --git a/src/components/AccountCard.vue b/src/components/AccountCard.vue
index f42d21b2..4197d445 100644
--- a/src/components/AccountCard.vue
+++ b/src/components/AccountCard.vue
@@ -44,6 +44,7 @@ export default defineComponent({
         const createTransaction = ref<string>('');
         const creatingAccount = ref('');
         const system_account = ref('eosio');
+        const system_null = ref('eosio.null');
 
         const isLoading = ref<boolean>(true);
         const tokensLoading = ref<boolean>(true);
@@ -177,7 +178,7 @@ export default defineComponent({
 
         const loadResources = () => {
             let ramDenominator;
-            if (props.account !== system_account.value) {
+            if (props.account !== system_account.value && props.account !== system_null.value) {
                 // display max resource unit value for readability
                 const ramMaxNumber = Number(accountData.value.ram_quota);
                 const ramUnitResult = determineUnit(ramMaxNumber);
@@ -444,6 +445,7 @@ export default defineComponent({
             rexDeposits,
             none,
             system_account,
+            system_null,
             radius,
             availableTokens,
             createTime,
@@ -517,7 +519,7 @@ export default defineComponent({
                 </div>
                 <q-space/>
             </div>
-            <div v-if="account !== system_account" class="resources">
+            <div v-if="account !== system_account && account !== system_null" class="resources">
                 <PercentCircle
                     v-if="!accountPageSettings.hideCpuInfo"
                     :radius="radius"
@@ -732,6 +734,8 @@ $medium:750px
   display: flex
   align-items: center
   justify-content: center
+  width: fit-content
+  margin: auto
 
 .text-subtitle
   text-transform: uppercase
diff --git a/src/components/AccountSearch.vue b/src/components/AccountSearch.vue
index d4ff7d37..b1073040 100644
--- a/src/components/AccountSearch.vue
+++ b/src/components/AccountSearch.vue
@@ -1,6 +1,6 @@
 <script lang="ts">
 import { defineComponent, ref, watch, onMounted } from 'vue';
-import { OptionsObj } from 'src/types';
+import { OptionsObj, TableByScope } from 'src/types';
 import { api } from 'src/api';
 import { useQuasar } from 'quasar';
 
@@ -90,6 +90,15 @@ export default defineComponent({
                 };
                 const accounts = await api.getTableByScope(request);
 
+                // because the get table by scope for userres does not include eosio system or null accounts
+                if (value.includes('eosio')) {
+                    accounts.push(...[{
+                        payer: 'eosio',
+                    } as TableByScope, {
+                        payer: 'eosio.null',
+                    } as TableByScope]);
+                }
+
                 if (accounts.length > 0) {
                     results.push({
                         label: 'Accounts',
@@ -97,15 +106,6 @@ export default defineComponent({
                         isHeader: true,
                     });
 
-                    // because the get table by scope for userres does not include eosio account
-                    if ('eosio'.includes(value)) {
-                        results.push({
-                            label: 'eosio',
-                            to: 'eosio',
-                            isHeader: false,
-                        });
-                    }
-
                     accounts.forEach((user) => {
                         if (user.payer.includes(value)) {
                             results.push({
diff --git a/src/components/HeaderSearch.vue b/src/components/HeaderSearch.vue
index fda8e414..7d886a6e 100644
--- a/src/components/HeaderSearch.vue
+++ b/src/components/HeaderSearch.vue
@@ -1,7 +1,7 @@
 <script lang="ts">
 import { defineComponent, ref, watch } from 'vue';
 import { useRouter } from 'vue-router';
-import { OptionsObj } from 'src/types';
+import { OptionsObj, TableByScope } from 'src/types';
 import { api } from 'src/api';
 import { isValidTransactionHex } from 'src/utils/string-utils';
 import { useQuasar } from 'quasar';
@@ -48,6 +48,15 @@ export default defineComponent({
                 };
                 const accounts = await api.getTableByScope(request);
 
+                // because the get table by scope for userres does not include eosio system or null accounts
+                if (value.includes('eosio')) {
+                    accounts.push(...[{
+                        payer: 'eosio',
+                    } as TableByScope, {
+                        payer: 'eosio.null',
+                    } as TableByScope]);
+                }
+
                 if (accounts.length > 0) {
                     results.push({
                         label: 'Accounts',
@@ -55,15 +64,6 @@ export default defineComponent({
                         isHeader: true,
                     });
 
-                    // because the get table by scope for userres does not include eosio account
-                    if ('eosio'.includes(value)) {
-                        results.push({
-                            label: 'eosio',
-                            to: '/account/eosio',
-                            isHeader: false,
-                        });
-                    }
-
                     accounts.forEach((user) => {
                         if (user.payer.includes(value)) {
                             results.push({