diff --git a/src/app/components/bingoitem.tsx b/src/app/components/bingoitem.tsx
index d00b91a..7e74f74 100644
--- a/src/app/components/bingoitem.tsx
+++ b/src/app/components/bingoitem.tsx
@@ -9,6 +9,6 @@ export default function BingoItem({text}: Props){
 	const [clicked, setClicked] = React.useState(false);
 
 	return(
-		<td className={clsx("cursor-pointer", {"bg-primary-focus":clicked})} onClick={() => setClicked(!clicked)}>{text}</td>
+		<td><a className={clsx("btn btn-ghost w-full", {"bg-primary-focus":clicked})} onClick={() => setClicked(!clicked)}>{text}</a></td>
 	);
 }