diff --git a/cypress/e2e/peers/peers.cy.ts b/cypress/e2e/peers/peers.cy.ts
index acc74bc1..784cd4aa 100644
--- a/cypress/e2e/peers/peers.cy.ts
+++ b/cypress/e2e/peers/peers.cy.ts
@@ -39,10 +39,7 @@ describe('Peers', () => {
   });
 
   describe('when data is loaded', () => {
-    it('displays the total number of peers and git version number, as well as the number of git commit', () => {
-      // should display the total number of peers.
-      cy.get('#total').should('have.text', 10);
-
+    it('displays the git version number and the number of git commit', () => {
       //  should display the git version number of peers.
       cy.get('#git-version').should('have.text', 4);
 
@@ -173,10 +170,7 @@ describe('Peers', () => {
       );
     });
 
-    it('displays the total number of peers and git version number, as well as the number of git commit', () => {
-      // should display the total number of peers.
-      cy.get('#total').should('have.text', 0);
-
+    it('displays the git version number and the number of git commit', () => {
       //  should display the git version number of peers.
       cy.get('#git-version').should('have.text', 0);
 
@@ -214,10 +208,7 @@ describe('Peers', () => {
       cy.visit('/clusters/1/peers');
     });
 
-    it('displays the total number of peers and git version number, as well as the number of git commit', () => {
-      // should display the total number of peers.
-      cy.get('#total').should('have.text', 0);
-
+    it('displays the git version number and the number of git commit', () => {
       //  should display the git version number of peers.
       cy.get('#git-version').should('have.text', 0);
 
@@ -251,7 +242,6 @@ describe('Peers', () => {
 
   describe('refresh', () => {
     it('can refresh peers and return new data', () => {
-      cy.get('#total').should('have.text', 10);
       cy.get('#git-version').should('have.text', 4);
       cy.get('#git-commit').should('have.text', 5);
 
@@ -300,13 +290,11 @@ describe('Peers', () => {
 
       cy.wait(2000);
 
-      cy.get('#total').should('have.text', 14);
       cy.get('#git-version').should('have.text', 6);
       cy.get('#git-commit').should('have.text', 7);
     });
 
     it('not can refresh peers and return new data', () => {
-      cy.get('#total').should('have.text', 10);
       cy.get('#git-version').should('have.text', 4);
       cy.get('#git-commit').should('have.text', 5);
 
@@ -339,13 +327,11 @@ describe('Peers', () => {
 
       cy.get('.MuiAlert-message').should('have.text', 'scheduler cluster id 7: record not found');
 
-      cy.get('#total').should('have.text', 10);
       cy.get('#git-version').should('have.text', 4);
       cy.get('#git-commit').should('have.text', 5);
     });
 
     it('can refresh peer fetch data error', () => {
-      cy.get('#total').should('have.text', 10);
       cy.get('#git-version').should('have.text', 4);
       cy.get('#git-commit').should('have.text', 5);
 
@@ -396,7 +382,6 @@ describe('Peers', () => {
       // Show error message.
       cy.get('.MuiAlert-message', { timeout: 5000 }).should('be.visible').and('contain', 'Failed to fetch');
 
-      cy.get('#total').should('have.text', 10);
       cy.get('#git-version').should('have.text', 4);
       cy.get('#git-commit').should('have.text', 5);
     });
diff --git a/src/components/clusters/peers/inde.module.css b/src/components/clusters/peers/inde.module.css
index 0104d412..59ad7155 100644
--- a/src/components/clusters/peers/inde.module.css
+++ b/src/components/clusters/peers/inde.module.css
@@ -20,7 +20,7 @@
 .navigationContainer {
   display: grid;
   gap: calc(1.5rem);
-  grid-template-columns: repeat(3, 1fr);
+  grid-template-columns: repeat(2, 1fr);
   margin-bottom: 2rem;
 }
 
diff --git a/src/components/clusters/peers/index.tsx b/src/components/clusters/peers/index.tsx
index daf5e2e2..b6ab4f0f 100644
--- a/src/components/clusters/peers/index.tsx
+++ b/src/components/clusters/peers/index.tsx
@@ -45,7 +45,6 @@ import { ReactComponent as RefreshLoading } from '../../../assets/images/cluster
 import { ReactComponent as Refresh } from '../../../assets/images/cluster/peer/refresh.svg';
 import { ReactComponent as RefreshDialog } from '../../../assets/images/cluster/peer/refresh-dialog.svg';
 import { ReactComponent as DeleteWarning } from '../../../assets/images/cluster/delete-warning.svg';
-import { ReactComponent as Total } from '../../../assets/images/cluster/peer/total.svg';
 import { ReactComponent as GitVersion } from '../../../assets/images/cluster/peer/git-versions.svg';
 import { ReactComponent as GitCommit } from '../../../assets/images/cluster/peer/git-commits.svg';
 import { ReactComponent as Active } from '../../../assets/images/cluster/peer/active.svg';
@@ -528,32 +527,6 @@ export default function Peer() {
         </Box>
       </Box>
       <Box className={styles.navigationContainer}>
-        <Card className={styles.navigationWrapper}>
-          <Box className={styles.navigationContent}>
-            <Box>
-              <Typography variant="subtitle2" fontFamily="mabry-bold" color="var(--palette-table-title-text-color)">
-                Total
-              </Typography>
-              {isLoading ? (
-                <Skeleton height={40} data-testid="cluster-loading" width="2rem" />
-              ) : (
-                <Typography id="total" variant="h5" fontFamily="mabry-bold" p="0.5rem 0">
-                  {peer.length}
-                </Typography>
-              )}
-              <Box className={styles.navigationCount}>
-                <span className={styles.navigationCountIcon}>
-                  <Count />
-                </span>
-                <Typography variant="body2" color="var(--palette-table-title-text-color)">
-                  number of peers
-                </Typography>
-              </Box>
-            </Box>
-            <Box className={styles.navigation}></Box>
-            <Total className={styles.navigationIcon} />
-          </Box>
-        </Card>
         <Card className={styles.navigationWrapper}>
           <Box className={styles.navigationContent}>
             <Box>