From f0af2eb4806e41992f8b0fd324cce5a8c679f694 Mon Sep 17 00:00:00 2001
From: Jeremy Kahn <jeremyckahn@gmail.com>
Date: Tue, 25 Oct 2022 21:43:39 -0500
Subject: [PATCH] feat: wrap peer number indicator in an IconButton

---
 src/components/Shell/ShellAppBar.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/Shell/ShellAppBar.tsx b/src/components/Shell/ShellAppBar.tsx
index ee9074a..0ef3e5a 100644
--- a/src/components/Shell/ShellAppBar.tsx
+++ b/src/components/Shell/ShellAppBar.tsx
@@ -109,11 +109,15 @@ export const ShellAppBar = ({
         </Tooltip>
         {doShowPeers ? (
           <Tooltip title="Click to show peer list">
-            <StepIcon
-              icon={numberOfPeers}
+            <IconButton
+              size="large"
+              edge="end"
+              color="inherit"
+              aria-label="Peer list"
               onClick={onPeerListOpen}
-              sx={{ ml: 2 }}
-            />
+            >
+              <StepIcon icon={numberOfPeers} />
+            </IconButton>
           </Tooltip>
         ) : null}
       </Toolbar>