diff --git a/src/components/token/Tokens.js b/src/components/token/TokenBar.js
similarity index 97%
rename from src/components/token/Tokens.js
rename to src/components/token/TokenBar.js
index 554ec97..dfc9273 100644
--- a/src/components/token/Tokens.js
+++ b/src/components/token/TokenBar.js
@@ -17,7 +17,7 @@ import { useTokenData } from "../../contexts/TokenDataContext";
 
 const listTokenClassName = "list-token";
 
-function Tokens({ onMapTokenStateCreate }) {
+function TokenBar({ onMapTokenStateCreate }) {
   const { userId } = useAuth();
   const { ownedTokens, tokens } = useTokenData();
   const [fullScreen] = useSetting("map.fullScreen");
@@ -96,4 +96,4 @@ function Tokens({ onMapTokenStateCreate }) {
   );
 }
 
-export default Tokens;
+export default TokenBar;
diff --git a/src/network/NetworkedMapAndTokens.js b/src/network/NetworkedMapAndTokens.js
index 7cf3d70..6517d25 100644
--- a/src/network/NetworkedMapAndTokens.js
+++ b/src/network/NetworkedMapAndTokens.js
@@ -18,7 +18,7 @@ import useNetworkedState from "../hooks/useNetworkedState";
 import Session from "./Session";
 
 import Map from "../components/map/Map";
-import Tokens from "../components/token/Tokens";
+import TokenBar from "../components/token/TokenBar";
 
 const defaultMapActions = {
   mapDrawActions: [],
@@ -475,7 +475,7 @@ function NetworkedMapAndTokens({ session }) {
         disabledTokens={disabledMapTokens}
         session={session}
       />
-      <Tokens onMapTokenStateCreate={handleMapTokenStateCreate} />
+      <TokenBar onMapTokenStateCreate={handleMapTokenStateCreate} />
     </>
   );
 }