         'selectBubbleTool'
 
   selectBubbleTool:
-    content: translate 'div', 'tutorial.selectBubbleTool.content'
-    instruction: translate 'div', 'tutorial.selectBubbleTool.instruction'
+    content: translate 'span', 'tutorial.selectBubbleTool.content'
+    instruction: translate 'span', 'tutorial.selectBubbleTool.instruction'
     attachment: [0.5, 1, 'input[name="tool"][value="bubble"] + *', 0.5, 0]
     arrow: 'bottom'
     actionable: 'input[name="tool"][value="bubble"] + *'
     next: 'change input[name="tool"][value="bubble"]': 'markBubble'
 
   markBubble:
-    content: translate 'div', 'tutorial.markBubble.content'
-    instruction: translate 'div', 'tutorial.markBubble.instruction'
+    content: translate 'span', 'tutorial.markBubble.content'
+    instruction: translate 'span', 'tutorial.markBubble.instruction'
     attachment: [0, 0.5, '.marking-surface', 0.45, 0.75]
     arrow: 'left'
 

    next: 'change input[name="tool"][value="ego"]': 'markEgo'

  markEgo:
    content: translate 'div', 'tutorial.markEgo.content'
    instruction: translate 'div', 'tutorial.markEgo.instruction'
    attachment: [0.5, 0, '.marking-surface', (275 / 800), (75 / 400)]
    arrow: 'top'



tutorialSteps =
  first:
    content: translate 'span', 'tutorial.first.content'
    next: ->
      if @classifier.surface.tool::name is 'bubble'
        'markBubble'
