diff --git a/scss/_list.scss b/scss/_list.scss
index 70fb97e221..309741e3b0 100644
--- a/scss/_list.scss
+++ b/scss/_list.scss
@@ -56,7 +56,18 @@
 .card {
   padding-top: $item-border-width;
   padding-bottom: $item-border-width;
-  box-shadow: 0 1px 2px rgba(0, 0, 0, .10);
+  box-shadow: $card-box-shadow;
+
+  .item {
+    border-left: 0;
+    border-right: 0;
+  }
+  .item:first-child {
+    border-top: 0;
+  }
+  .item:last-child {
+    border-bottom: 0;
+  }
 }
 
 .padding {
diff --git a/scss/_variables.scss b/scss/_variables.scss
index be30ce05d2..fabcae512a 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -407,6 +407,7 @@ $card-border-width:               1px !default;
 
 $card-border-color:               #ccc !default;
 $card-border-radius:              2px !default;
+$card-box-shadow:                 0 1px 3px rgba(0, 0, 0, .3) !default;
 
 
 // Forms
diff --git a/test/css/cards-item-thumbnail.html b/test/css/cards-item-thumbnail.html
index 6a6da71ec0..306cfa5fcc 100644
--- a/test/css/cards-item-thumbnail.html
+++ b/test/css/cards-item-thumbnail.html
@@ -18,7 +18,7 @@
       <h1 class="title">Cards: Item Thumbnail</h1>
     </header>
 
-    <div class="content has-header">
+    <ion-content class="content has-header">
 
       <div class="list card">
 
@@ -58,7 +58,7 @@
 
       </div>
 
-    </div>
+    </ion-content>
 
   </body>
 </html>