diff --git a/src/components/Tile.js b/src/components/Tile.js
index 04c0bae..9869424 100644
--- a/src/components/Tile.js
+++ b/src/components/Tile.js
@@ -1,5 +1,5 @@
import React from "react";
-import { Flex, IconButton, Box, Text, Badge, Grid } from "theme-ui";
+import { Flex, IconButton, Box, Text, Badge } from "theme-ui";
import EditTileIcon from "../icons/EditTileIcon";
@@ -12,7 +12,6 @@ function Tile({
canEdit,
badges,
editTitle,
- columns,
children,
}) {
return (
@@ -37,19 +36,17 @@ function Tile({
onDoubleClick={onDoubleClick}
aria-label={title}
>
-
{children}
-
+
{badges.map((badge, i) => (
-
+
{badge}
))}
diff --git a/src/components/map/MapTileGroup.js b/src/components/map/MapTileGroup.js
index 0d1a634..ca78cdd 100644
--- a/src/components/map/MapTileGroup.js
+++ b/src/components/map/MapTileGroup.js
@@ -1,4 +1,5 @@
import React from "react";
+import { Grid } from "theme-ui";
import Tile from "../Tile";
import MapTileImage from "./MapTileImage";
@@ -10,15 +11,12 @@ function MapTileGroup({ group, maps, isSelected, onSelect, onOpen, canOpen }) {
isSelected={isSelected}
onSelect={() => onSelect(group)}
onDoubleClick={() => canOpen && onOpen()}
- columns="1fr 1fr"
>
- {maps.slice(0, 4).map((map) => (
-
- ))}
+
+ {maps.slice(0, 4).map((map) => (
+
+ ))}
+
);
}
diff --git a/src/components/token/TokenTileGroup.js b/src/components/token/TokenTileGroup.js
index 8f0ec6b..54553ef 100644
--- a/src/components/token/TokenTileGroup.js
+++ b/src/components/token/TokenTileGroup.js
@@ -1,4 +1,5 @@
import React from "react";
+import { Grid } from "theme-ui";
import Tile from "../Tile";
import TokenTileImage from "./TokenTileImage";
@@ -19,13 +20,15 @@ function TokenTileGroup({
onDoubleClick={() => canOpen && onOpen()}
columns="1fr 1fr"
>
- {tokens.slice(0, 4).map((token) => (
-
- ))}
+
+ {tokens.slice(0, 4).map((token) => (
+
+ ))}
+
);
}