diff --git a/core/src/components/card/card.scss b/core/src/components/card/card.scss
index 50207bb83c..11fbd5c1bd 100755
--- a/core/src/components/card/card.scss
+++ b/core/src/components/card/card.scss
@@ -70,6 +70,8 @@
   @include padding(0);
   @include margin(0);
 
+  display: block;
+
   width: 100%;
   min-height: var(--min-height);
 
@@ -100,4 +102,4 @@ button, a {
 
 ion-ripple-effect {
   color: var(--ripple-color);
-}
\ No newline at end of file
+}
diff --git a/core/src/components/card/test/button/index.html b/core/src/components/card/test/button/index.html
index abdc9a930a..27918ec465 100644
--- a/core/src/components/card/test/button/index.html
+++ b/core/src/components/card/test/button/index.html
@@ -68,6 +68,10 @@
         </ion-card-content>
       </ion-card>
 
+      <ion-card button>
+        <img src="https://images.unsplash.com/photo-1483354483454-4cd359948304?dpr=1&auto=format&fit=crop&w=1000&q=80&cs=tinysrgb&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D">
+      </ion-card>
+
     </ion-content>
 
   </ion-app>