diff --git a/.changeset/selfish-cooks-cross.md b/.changeset/selfish-cooks-cross.md
new file mode 100644
index 000000000..1953fdd1c
--- /dev/null
+++ b/.changeset/selfish-cooks-cross.md
@@ -0,0 +1,5 @@
+---
+"@orbit-ui/components": patch
+---
+
+Fix misaligned checkmark background when a tile has an illustration.
diff --git a/packages/components/src/tile/src/Tile.css b/packages/components/src/tile/src/Tile.css
index 5bf88b128..6f016d9f8 100644
--- a/packages/components/src/tile/src/Tile.css
+++ b/packages/components/src/tile/src/Tile.css
@@ -96,28 +96,10 @@
     top: 0.5rem;
     fill: var(--o-ui-bg-alias-accent-faint);
     opacity: 0;
-}
-
-.o-ui-tile-main::before {
-    content: "";
-    opacity: 0;
-    position: absolute;
-    right: 0.5rem;
-    top: 0.5rem;
     border-radius: var(--o-ui-br-4);
-    width: var(--o-ui-sz-3);
-    height: var(--o-ui-sz-3);
-    display: flex;
-    align-items: center;
-    justify-content: center;
     background-color: var(--o-ui-text-alias-accent);
 }
 
-.o-ui-tile[aria-checked="true"] .o-ui-tile-main::before,
-.o-ui-tile[aria-pressed="true"] .o-ui-tile-main::before {
-    opacity: 1;
-}
-
 .o-ui-tile[aria-checked="true"] .o-ui-tile-checkmark,
 .o-ui-tile[aria-pressed="true"] .o-ui-tile-checkmark {
     opacity: 1;
diff --git a/packages/components/src/tile/src/Tile.tsx b/packages/components/src/tile/src/Tile.tsx
index 132992e93..54cb5d85e 100644
--- a/packages/components/src/tile/src/Tile.tsx
+++ b/packages/components/src/tile/src/Tile.tsx
@@ -1,5 +1,4 @@
 import { Box } from "../../box";
-import { CheckMajorIcon } from "../../icons";
 import { ComponentProps, MouseEvent, ReactNode, SyntheticEvent, forwardRef } from "react";
 import {
     InteractionProps,
@@ -128,7 +127,6 @@ export function InnerTile(props: InnerTileProps) {
             )}
         >
             {markup}
-            <CheckMajorIcon aria-hidden="true" className="o-ui-tile-checkmark" />
         </Box>
     );
 }
diff --git a/packages/components/src/tile/src/useTile.tsx b/packages/components/src/tile/src/useTile.tsx
index 9185878f0..3bf27d932 100644
--- a/packages/components/src/tile/src/useTile.tsx
+++ b/packages/components/src/tile/src/useTile.tsx
@@ -1,4 +1,5 @@
 import { Div } from "../../html";
+import { CheckMajorIcon } from "../../icons";
 import { InteractionProps, cssModule, useSlots } from "../../shared";
 import { ReactNode, useMemo } from "react";
 import { Text } from "../../typography";
@@ -55,6 +56,7 @@ export function useTile({
                 <Div className="o-ui-tile-main">
                     {heading}
                     {content}
+                    <CheckMajorIcon aria-hidden="true" className="o-ui-tile-checkmark" />
                 </Div>
             </>
         ),