diff --git a/webportal/components/rpg-live-scene.js b/webportal/components/rpg-live-scene.js
index 5e134e2..3e88b23 100644
--- a/webportal/components/rpg-live-scene.js
+++ b/webportal/components/rpg-live-scene.js
@@ -4,6 +4,7 @@ import { inject as service } from '@ember/service';
 export default Component.extend({
   tagName: '',
   diceString: '',
+  showRollDice: false,
   
   gameApi: service(),
   flashMessages: service(),
diff --git a/webportal/templates/components/rpg-live-scene.hbs b/webportal/templates/components/rpg-live-scene.hbs
index 00eb8bd..31487c5 100644
--- a/webportal/templates/components/rpg-live-scene.hbs
+++ b/webportal/templates/components/rpg-live-scene.hbs
@@ -1,16 +1,8 @@
 <li><a href="#" {{action (mut showRollDice) true}}>Roll Dice</a></li> 
 
-{{#bs-modal-simple
-  title="Roll Dice"
-  closeTitle="Cancel"
-  submitTitle="Roll"
-  size=null
-  fade=false
-  open=showRollDice
-  onSubmit=(action "rollDice")
-  onHide=(action (mut showRollDice) null)}}
-  
-  {{input type="text" size=25 id="diceString" value=diceString}}
-  <p class="hint">Enter a dice string in the form 5d6 or 2d10.</p>
-  
-{{/bs-modal-simple}}
\ No newline at end of file
+<BsModalSimple @title="Roll Dice" @closeTitle="Cancel" @submitTitle="Roll" @size={{null}} @fade={{false}} @open={{showRollDice}} @onSubmit={{action "rollDice"}} @onHide={{action (mut showRollDice) false}}>
+    
+    {{input type="text" size=25 id="diceString" value=diceString}}
+    <p class="hint">Enter a dice string in the form 5d6 or 2d10.</p>
+    
+</BsModalSimple>
\ No newline at end of file