diff --git a/components/ionModal/ionModal.html b/components/ionModal/ionModal.html
index 82974bb..475481f 100644
--- a/components/ionModal/ionModal.html
+++ b/components/ionModal/ionModal.html
@@ -1,9 +1,9 @@
 <template name="ionModal">
   <div class="modal-backdrop">
     <div class="modal-wrapper">
-      <div class="modal">
+      <div class="{{classes}}">
 
-        <div class="bar bar-header bar-stable">
+        <div class="{{barClass}}">
           <h2 class="{{titleClass}}">{{title}}</h2>
           {{#if closeText}}
             <button data-dismiss="modal" class="button button-positive button-clear">{{closeText}}</button>
diff --git a/components/ionModal/ionModal.js b/components/ionModal/ionModal.js
index 5905058..fbe1efa 100644
--- a/components/ionModal/ionModal.js
+++ b/components/ionModal/ionModal.js
@@ -92,6 +92,12 @@ Template.ionModal.destroyed = function () {
 };
 
 Template.ionModal.helpers({
+  barClass: function () {
+    var classes = ['bar', 'bar-header', 'bar-stable'];
+
+    return classes.join(' ');
+  },
+  
   titleClass: function () {
     var classes = ['title'];
 
@@ -116,6 +122,15 @@ Template.ionModal.helpers({
     } else {
       return 'slide-in-up';
     }
+  },
+  classes: function () {
+    var classes = ['modal'];
+
+    if (this.class) {
+      classes.push(this.class);
+    }
+
+    return classes.join(' ');
   }
 });