diff --git a/packages/ra-ui-materialui/src/layout/CardContentInner.js b/packages/ra-ui-materialui/src/layout/CardContentInner.js
index <HASH>..<HASH> 100644
--- a/packages/ra-ui-materialui/src/layout/CardContentInner.js
+++ b/packages/ra-ui-materialui/src/layout/CardContentInner.js
@@ -4,18 +4,22 @@ import classnames from 'classnames';
 import CardContent from '@material-ui/core/CardContent';
 import { withStyles } from '@material-ui/core/styles';
 
-const styles = {
-    root: {
-        paddingTop: 0,
-        paddingBottom: 0,
-        '&:first-child': {
-            paddingTop: 16,
-        },
-        '&:last-child': {
-            paddingBottom: 16,
-        },
+var styles = theme => ({
+  root: {
+    paddingTop: 0,
+    paddingBottom: 0,
+    '&:first-child': {
+      paddingTop: 16,
     },
-};
+    '&:last-child': {
+      paddingBottom: 16,
+      // Reset on mouse devices
+      [theme.breakpoints.only('xs')]: {
+        paddingBottom: 70,
+      },
+    },
+  },
+});
 
 /**
  * Overrides material-ui CardContent to allow inner content
fix: for issue #<I>

making bottom padding for last child to be <I>px for xs media size