Center map tile text

2020-04-30 14:42:15 +10:00
parent 0d2b6bf4b0
commit 23e42aa115
1 changed files with 6 additions and 1 deletions
--- a/src/components/map/MapTile.js
+++ b/src/components/map/MapTile.js
@@ -130,7 +130,12 @@ function MapTile({
        }}
        p={2}
      >
-        <Text as="p" variant="heading" color="hsl(210, 50%, 96%)">
+        <Text
+          as="p"
+          variant="heading"
+          color="hsl(210, 50%, 96%)"
+          sx={{ textAlign: "center" }}
+        >
          {map.name}
        </Text>
      </Flex>