From 305cd0b5676a4e074af3af825c54bdd0f3c93a4c Mon Sep 17 00:00:00 2001
From: Hunter Miller <hunter@tlon.io>
Date: Tue, 12 Oct 2021 10:48:20 -0500
Subject: [PATCH] tile: making tweaks for mark :)

---
 pkg/grid/src/tiles/Tile.tsx | 16 +++++++++-------
 1 file changed, 9 insertions(+), 7 deletions(-)

diff --git a/pkg/grid/src/tiles/Tile.tsx b/pkg/grid/src/tiles/Tile.tsx
index 9f2b3e6fbf..45280d70ff 100644
--- a/pkg/grid/src/tiles/Tile.tsx
+++ b/pkg/grid/src/tiles/Tile.tsx
@@ -64,14 +64,16 @@ export const Tile: FunctionComponent<TileProps> = ({ charge, desk }) => {
           lightText={lightText}
           className="absolute z-10 top-3 right-3 sm:top-5 sm:right-5 opacity-0 pointer-coarse:opacity-100 hover-none:opacity-100 focus:opacity-100 group-hover:opacity-100"
         />
-        <div
-          className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg"
-          style={{ backgroundColor }}
-        >
-          <h3 className="mix-blend-hard-light">{title}</h3>
-        </div>
+        {title && (
+          <div
+            className="h4 absolute z-10 bottom-[8%] left-[5%] sm:bottom-7 sm:left-5 py-1 px-3 rounded-lg"
+            style={{ backgroundColor }}
+          >
+            <h3 className="mix-blend-hard-light">{title}</h3>
+          </div>
+        )}
         {image && !loading && (
-          <img className="absolute top-0 left-0 h-full w-full object-contain" src={image} alt="" />
+          <img className="absolute top-0 left-0 h-full w-full object-cover" src={image} alt="" />
         )}
       </div>
     </a>