feat: wrap peer number indicator in an IconButton

2022-10-25 21:43:39 -05:00 · 2022-10-25 21:43:39 -05:00 · f0af2eb480
commit f0af2eb480
parent 10b061e36a
1 changed files with 8 additions and 4 deletions
--- 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>