diff --git a/packages/wonders-client/src/components/Civ/Civ.tsx b/packages/wonders-client/src/components/Civ/Civ.tsx
index 9b06b09..f3164d4 100644
--- a/packages/wonders-client/src/components/Civ/Civ.tsx
+++ b/packages/wonders-client/src/components/Civ/Civ.tsx
@@ -62,10 +62,10 @@ export default function Civ({ player, displayStyle }: { player: Player, displayS
 
   return <div className='wonder-civ'>
     <div>{player.name}</div>
-    <div className='wonder-civ-wonder' style={{ backgroundImage: wonderBgImage }}>
-      <div>{player.wonder}</div>
-      <div>{resEmojis.get(wonder!.innateResource)}</div>
-    </div>
+    {wonder && <div className='wonder-civ-wonder' style={{ backgroundImage: wonderBgImage }}>
+      <div>{wonder.name}</div>
+      <div>{resEmojis.get(wonder.innateResource)}</div>
+    </div>}
     <div className='wonder-civ-structs'>
       {structTypeLayout.get(displayStyle)!.map((col, i) =>
         <div key={i} className='wonder-civ-struct-col'>