Even up group tile padding and fix light theme badge colour

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) => (
-        <MapTileImage
-          sx={{ padding: 1, borderRadius: "8px" }}
-          map={map}
-          key={map.id}
-        />
-      ))}
+      <Grid columns="1fr 1fr" p={2} sx={{ gridGap: 2 }}>
+        {maps.slice(0, 4).map((map) => (
+          <MapTileImage sx={{ borderRadius: "8px" }} map={map} key={map.id} />
+        ))}
+      </Grid>
     </Tile>
   );
 }