diff --git a/components/ionModal/ionModal.html b/components/ionModal/ionModal.html
index 389dd9a..ceae3a4 100644
--- a/components/ionModal/ionModal.html
+++ b/components/ionModal/ionModal.html
@@ -1,12 +1,12 @@
 <template name="ionModal">
   <div class="modal-backdrop">
     <div class="modal-wrapper">
-      <div class="modal">
+      <div class="{{classes}}">
 
         {{#if customTemplate}}
           {{> UI.contentBlock}}
         {{else}}
-          <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 7e26c40..e267390 100644
--- a/components/ionModal/ionModal.js
+++ b/components/ionModal/ionModal.js
@@ -93,6 +93,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'];
 
@@ -121,6 +127,16 @@ Template.ionModal.helpers({
 
   customTemplate: function () {
     return this.customTemplate;
+  },
+
+  classes: function () {
+    var classes = ['modal'];
+
+    if (this.class) {
+      classes.push(this.class);
+    }
+
+    return classes.join(' ');
   }
 });