background color for resolving-skill

client/src/components/targeting.arrows.jsx

@@ -59,7 +59,7 @@ class TargetSvg extends Component {
         if (tutorialGame) {
             return (
                 <div class="resolving-skill">
-                    <h2> Select your skills, click on targets and then hit <b>READY</b>.</h2>
+                    <h2><span> Select your skills, click on targets and then hit <b>READY</b>.</span></h2>
                 </div>
             );
         }
@@ -72,8 +72,8 @@ class TargetSvg extends Component {
 
             return (
                 <div class="resolving-skill">
-                    <h1>{gameEffectInfo.effect}</h1>
-                    <div> {infoDescription} </div>
+                    <h1><span>{gameEffectInfo.effect}</span></h1>
+                    <div><span>{infoDescription} </span></div>
                 </div>
             );
         }
@@ -90,8 +90,8 @@ class TargetSvg extends Component {
             const itemSourceDescription = reactStringReplace(itemSourceInfo, itemRegEx, match => shapes[match]());
             return (
                 <div class="resolving-skill">
-                    <h1>{animSkill}</h1>
-                    <div> {itemSourceDescription} </div>
+                    <h1><span>{animSkill}</span></h1>
+                    <div><span>{itemSourceDescription}</span></div>
                 </div>
             );
         }