diff --git a/themes/tiddlywiki/snowwhite/base.tid b/themes/tiddlywiki/snowwhite/base.tid
index 5f0393912..bd4493d46 100644
--- a/themes/tiddlywiki/snowwhite/base.tid
+++ b/themes/tiddlywiki/snowwhite/base.tid
@@ -340,6 +340,14 @@ a.tw-tiddlylink-missing {
 	background-color: {{$:/core/styles/colourmappings##tiddlerbackground}};
 }
 
+.tw-tiddler-info {
+	padding: 1em 3em 1em 3em;
+	background-color: #f8f8f8;
+	border-top: 1px solid #ddd;
+	border-bottom: 1px solid #ddd;
+	<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
+}
+
 @media screen {
 	.tw-tiddler-frame {
 		<<box-shadow "5px 5px 5px rgba(0, 0, 0, 0.1)">>
@@ -350,12 +358,20 @@ a.tw-tiddlylink-missing {
 	.tw-tiddler-frame {
 		padding: 1em 1em 1em 1em;
 	}
+
+	.tw-tiddler-info {
+		margin: 0 -1em 0 -1em;
+	}
 }
 
 @media (min-width: 55em) {
 	.tw-tiddler-frame {
 		padding: 2em 3em 3em 3em;
 	}
+
+	.tw-tiddler-info {
+		margin: 0 -3em 0 -3em;
+	}
 }
 
 .title {
@@ -389,15 +405,6 @@ a.tw-tiddlylink-missing {
 	fill: #888;
 }
 
-.tw-tiddler-info {
-	margin: 0 -3em 0 -3em;
-	padding: 1em 3em 1em 3em;
-	background-color: #f8f8f8;
-	border-top: 1px solid #ddd;
-	border-bottom: 1px solid #ddd;
-	<<box-shadow "inset 1px 2px 3px rgba(0,0,0,0.1)">>
-}
-
 @media print {
 	.tw-tiddler-controls {
 		display: none;