diff --git a/core/styles/tiddlywiki.css b/core/styles/tiddlywiki.css
index 19da28640..29153d6d8 100644
--- a/core/styles/tiddlywiki.css
+++ b/core/styles/tiddlywiki.css
@@ -5006,7 +5006,6 @@ Base re-definitions
 body {
   position: relative;
   padding-top: 40px;
-  background: #eeeeee;
 }
 
 /*
@@ -5015,13 +5014,25 @@ Tiddler styles
 
 .tw-story-element {
   position: relative;
-  padding: 30px 30px 30px 30px;
-  margin: 30px 5px 30px 5px;
-  background-color: #fff;
-  border: 1px solid #999;
-  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
-     -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
-          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
+}
+
+@media (min-width: 480px) {
+  .tw-story-element {
+    padding: 30px 30px 30px 30px;
+    margin: 30px 5px 30px 5px;
+    background-color: #fff;
+    border: 1px solid #999;
+    -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
+       -moz-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
+            box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.4);
+  }
+  body {
+    background: #eeeeee;
+  }
+}
+
+@media (max-width: 480px) {
+  
 }
 
 .tw-story-element .body {
diff --git a/cssbuild/tiddlywiki.less b/cssbuild/tiddlywiki.less
index c79068643..3015f929d 100644
--- a/cssbuild/tiddlywiki.less
+++ b/cssbuild/tiddlywiki.less
@@ -42,7 +42,6 @@ Base re-definitions
 
 body {
 	position: relative; 		// So that height: 100% will fit to the body
-	background: @grayLighter; 	// So that the tiddlers pop out more
 	padding-top: @navbarHeight;	// Allow for the navbar
 }
 
@@ -52,11 +51,28 @@ Tiddler styles
 
 .tw-story-element {
 	position: relative;
-	margin: 30px 5px 30px 5px;
+}
+
+@media (min-width: 480px) {
+
+.tw-story-element {
 	padding: 30px 30px 30px 30px;
+	margin: 30px 5px 30px 5px;
 	border: 1px solid #999;
-	background-color: #fff;
 	.box-shadow(1px 1px 6px rgba(0,0,0,0.4));
+	background-color: #fff;
+}
+
+body {
+	background: @grayLighter; 	// So that the tiddlers pop out more
+}
+
+}
+
+@media (max-width: 480px) {
+
+
+
 }
 
 .tw-story-element .body {