diff --git a/src/components/token/TokenBarToken.js b/src/components/token/TokenBarToken.js
index 7baa2fa..df6f336 100644
--- a/src/components/token/TokenBarToken.js
+++ b/src/components/token/TokenBarToken.js
@@ -11,7 +11,7 @@ function TokenBarToken({ token }) {
   usePreventTouch(imageRef);
 
   return (
-    <Box py={1} sx={{ width: "48px", height: "56px" }}>
+    <Box my={1} sx={{ width: "48px", height: "48px" }} title={token.name}>
       <TokenImage
         token={token}
         ref={imageRef}
diff --git a/src/components/token/TokenBarTokenGroup.js b/src/components/token/TokenBarTokenGroup.js
index d673ec1..b00180c 100644
--- a/src/components/token/TokenBarTokenGroup.js
+++ b/src/components/token/TokenBarTokenGroup.js
@@ -40,8 +40,6 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
       return (
         <Grid
           columns="1fr"
-          alt={group.name}
-          title={group.name}
           bg="muted"
           sx={{ borderRadius: "8px", gridGap: 0 }}
           p={0}
@@ -57,7 +55,6 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
             }}
             onClick={(e) => handleOpenClick(e, false)}
             key="group"
-            alt={group.name}
             title={group.name}
             {...listeners}
             {...attributes}
@@ -71,8 +68,6 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
       return (
         <Grid
           columns="1fr 1fr"
-          alt={group.name}
-          title={group.name}
           bg="muted"
           sx={{
             borderRadius: "8px",
@@ -81,6 +76,8 @@ function TokenBarTokenGroup({ group, tokens, draggable }) {
             gridTemplateRows: "1fr 1fr",
           }}
           p="2px"
+          alt={group.name}
+          title={group.name}
           {...listeners}
           {...attributes}
         >