diff --git a/client/src/components/game.component.jsx b/client/src/components/game.component.jsx
index 7f36186e..74c1aa15 100644
--- a/client/src/components/game.component.jsx
+++ b/client/src/components/game.component.jsx
@@ -137,7 +137,7 @@ function GamePanel(props) {
             : null;
 
         const effects = cryp.effects.length
-            ? cryp.effects.map(c => <span key={c.effect}>{c.effect} - {c.duration}T</span>)
+            ? cryp.effects.map(c => <div key={c.effect}>{c.effect} - {c.duration}T</div>)
             : <div>&nbsp;</div>;
 
         return (
diff --git a/client/src/components/game.cryp.jsx b/client/src/components/game.cryp.jsx
index a82624f5..9b6bc6cc 100644
--- a/client/src/components/game.cryp.jsx
+++ b/client/src/components/game.cryp.jsx
@@ -82,7 +82,7 @@ function GameCryp(props) {
         : null;
 
     const effects = cryp.effects.length
-        ? cryp.effects.map(c => <span key={c.effect}>{c.effect} - {c.duration}T</span>)
+        ? cryp.effects.map(c => <div key={c.effect}>{c.effect} - {c.duration}T</div>)
         : <div>&nbsp;</div>;
 
     return (