diff --git a/addon/components/confirm-extension.js b/addon/components/confirm-extension.js
index aa3b3b1..be6cb9b 100644
--- a/addon/components/confirm-extension.js
+++ b/addon/components/confirm-extension.js
@@ -6,6 +6,9 @@ import layout from '../templates/components/confirm-extension';
 export default Ember.Component.extend({
   layout: layout,
 
+  tagName: 'span',
+  classNames: ['ece-container'],
+
   _setupClickHandler: function () {
     var closer = _clickHandlerFor(this);
     this.set('_closer', closer);
diff --git a/addon/templates/components/confirm-extension.hbs b/addon/templates/components/confirm-extension.hbs
index 4d33fea..e156ddc 100644
--- a/addon/templates/components/confirm-extension.hbs
+++ b/addon/templates/components/confirm-extension.hbs
@@ -3,8 +3,8 @@
   <div class="ece-bubble">
     <div class="ece-question">{{questionText}}</div>
     <div class="ece-buttons">
-      <span class="ece-confirm" {{action 'confirm'}}>{{confirmText}}</span>
-      <span class="ece-decline" {{action 'decline'}}>{{declineText}}</span>
+      <button class="ece-confirm" {{action 'confirm'}}>{{confirmText}}</button>
+      <button class="ece-decline" {{action 'decline'}}>{{declineText}}</button>
     </div>
   </div>
 {{/if}}
diff --git a/tests/dummy/app/styles/app.css b/tests/dummy/app/styles/app.css
index e69de29..5ec2ee0 100644
--- a/tests/dummy/app/styles/app.css
+++ b/tests/dummy/app/styles/app.css
@@ -0,0 +1,21 @@
+
+.simple-styles .ece-container {
+	display: inline-block;
+}
+
+.simple-styles .ece-bubble {
+	border: 1px solid grey;
+	padding: 10px;
+	position: absolute;
+	background-color: white;
+}
+
+.simple-styles .ece-confirm {
+	background-color: red;
+	padding: 8px;
+	font-size: 1.5em;
+	color: white;
+	border-radius: 100%;
+	width: 3em;
+	height: 3em;
+}
diff --git a/tests/dummy/app/templates/application.hbs b/tests/dummy/app/templates/application.hbs
index 3b07067..fda4f68 100644
--- a/tests/dummy/app/templates/application.hbs
+++ b/tests/dummy/app/templates/application.hbs
@@ -1,6 +1,15 @@
 
-<h1>Central Command</h1>
+<h1>Unstyled</h1>
 
 {{#confirm-extension questionText='really?' confirmText='yes' declineText='no' confirmAction='boom'}}
   <button>Destroy planet earth</button>
 {{/confirm-extension}}
+
+<h1>Simple Styles</h1>
+
+<div class="simple-styles">
+  ATTENTION! {{#confirm-extension questionText='Do you really want to destroy our home planet?' confirmText='sure!' declineText='no' confirmAction='boom'}}
+    <button>Destroy planet earth</button>
+  {{/confirm-extension}} THIS IS <strong>DANGEROUS</strong>!
+<p>I'm positive. This power should not be abused</p>
+</div>