diff --git a/preserves.css b/preserves.css
index aec65ba..9c34209 100644
--- a/preserves.css
+++ b/preserves.css
@@ -186,16 +186,27 @@ td {
     color: #888;
     line-height: 141.4%;
 }
-table.postcard-grammar { background: #e9f0f9; }
-@media screen and (max-width: 768px) { table.postcard-grammar { font-size: 0.75rem; } }
+table.postcard-grammar {
+    background: #e9f0f9;
+}
+@media screen and (max-width: 768px) {
+    table.postcard-grammar {
+        font-size: 0.75rem;
+        margin-left: -2rem;
+        width: calc(100% + 2rem);
+    }
+}
 .postcard-grammar.binarysyntax { color: black; }
+
 .postcard-grammar tr > *:nth-child(1) { text-align: right; }
 .postcard-grammar.textsyntax tr > *:nth-child(1) { width: 7em; }
 .postcard-grammar.binarysyntax tr > *:nth-child(1) { width: 13em; }
+.postcard-grammar tr > *:nth-child(2) { width: 1em; text-align: center; }
+.postcard-grammar.binarysyntax tr > *:nth-child(4) { width: 9.5em; }
 @media screen and (max-width: 580px) {
     .postcard-grammar.binarysyntax tr > *:nth-child(1) { width: auto; }
 }
-.postcard-grammar tr > *:nth-child(2) { width: 1em; text-align: center; }
+
 .postcard-grammar sup {
     color: #040;
     font-size: 90%;