diff --git a/UI/Settings/Indexers/AddCardTemplate.html b/UI/Settings/Indexers/AddCardTemplate.html
new file mode 100644
index 000000000..5605cfcc8
--- /dev/null
+++ b/UI/Settings/Indexers/AddCardTemplate.html
@@ -0,0 +1,7 @@
+<li>
+    <div class="indexer-settings-item add-card x-add-card">
+        <span class="center well">
+            <i class="icon-plus" title="Add Newznab"/>
+        </span>
+    </div>
+</li>
diff --git a/UI/Settings/Indexers/CollectionTemplate.html b/UI/Settings/Indexers/CollectionTemplate.html
index 8f263291d..92f0d9f22 100644
--- a/UI/Settings/Indexers/CollectionTemplate.html
+++ b/UI/Settings/Indexers/CollectionTemplate.html
@@ -1,12 +1,5 @@
 <fieldset>
     <legend>Indexers</legend>
-
-    <div class="row">
-        <div class="span12">
-            <button class="btn btn-success x-add">Add Newznab</button>
-        </div>
-    </div>
-
     <div class="row">
         <div class="span12">
             <ul id="x-indexers" class="indexer-list"></ul>
diff --git a/UI/Settings/Indexers/CollectionView.js b/UI/Settings/Indexers/CollectionView.js
index 856433837..e5cf55d52 100644
--- a/UI/Settings/Indexers/CollectionView.js
+++ b/UI/Settings/Indexers/CollectionView.js
@@ -11,10 +11,19 @@ define(['app',
             template         : 'Settings/Indexers/CollectionTemplate',
 
             events: {
-                'click .x-add': 'openSchemaModal'
+                'click .x-add-card': '_openSchemaModal'
             },
 
-            openSchemaModal: function () {
+            onAfterItemAdded: function () {
+                this.$itemViewContainer.find('.x-add-card').parent('li').remove();
+
+                this.templateFunction = Marionette.TemplateCache.get('Settings/Indexers/AddCardTemplate');
+                var html = this.templateFunction();
+
+                this.$itemViewContainer.append(html);
+            },
+
+            _openSchemaModal: function () {
                 var self = this;
                 //TODO: Is there a better way to deal with changing URLs?
                 var schemaCollection = new IndexerCollection();
diff --git a/UI/Settings/Indexers/indexers.less b/UI/Settings/Indexers/indexers.less
index 7f51b7c39..ea2d5a03a 100644
--- a/UI/Settings/Indexers/indexers.less
+++ b/UI/Settings/Indexers/indexers.less
@@ -27,4 +27,22 @@
   .btn-group {
     margin-top: 8px;
   }
+
+  &.add-card {
+    .clickable;
+    color: #adadad;
+    font-size: 50px;
+    text-align: center;
+
+    .center {
+      display: inline-block;
+      padding: 0px 20px;
+      padding-top: 5px;
+      margin-top: 100px;
+    }
+
+    i {
+      .clickable;
+    }
+  }
 }
\ No newline at end of file
diff --git a/UI/Settings/Notifications/CollectionView.js b/UI/Settings/Notifications/CollectionView.js
index 67658c995..5bdae6b40 100644
--- a/UI/Settings/Notifications/CollectionView.js
+++ b/UI/Settings/Notifications/CollectionView.js
@@ -15,7 +15,7 @@ define([
         },
 
         onAfterItemAdded: function () {
-            this.$itemViewContainer.find('.x-add-card').remove();
+            this.$itemViewContainer.find('.x-add-card').parent('li').remove();
 
             this.templateFunction = Marionette.TemplateCache.get('Settings/Notifications/AddCardTemplate');
             var html = this.templateFunction();
diff --git a/UI/Settings/Quality/Profile/QualityProfileCollectionView.js b/UI/Settings/Quality/Profile/QualityProfileCollectionView.js
index cf10aebee..eee379df1 100644
--- a/UI/Settings/Quality/Profile/QualityProfileCollectionView.js
+++ b/UI/Settings/Quality/Profile/QualityProfileCollectionView.js
@@ -17,7 +17,7 @@ define(['app',
         },
 
         onAfterItemAdded: function () {
-            this.$itemViewContainer.find('.x-add-card').remove();
+            this.$itemViewContainer.find('.x-add-card').parent('li').remove();
 
             this.templateFunction = Marionette.TemplateCache.get('Settings/Quality/Profile/AddCardTemplate');
             var html = this.templateFunction();