diff --git a/src/material/datepicker/datepicker.md b/src/material/datepicker/datepicker.md
index 6c92f94d8fc5..8bca78ddd651 100644
--- a/src/material/datepicker/datepicker.md
+++ b/src/material/datepicker/datepicker.md
@@ -306,22 +306,22 @@ The easiest way to ensure this is to import one of the provided date modules:
 
 <table>
   <tbody>
-  <tr>
-    <th align="left" scope="row">Date type</th>
-    <td><code>Date</code></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Supported locales</th>
-    <td>en-US</td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Dependencies</th>
-    <td>None</td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Import from</th>
-    <td><code>@angular/material/core</code></td>
-  </tr>
+    <tr>
+      <th align="left" scope="row">Date type</th>
+      <td><code>Date</code></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Supported locales</th>
+      <td>en-US</td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Dependencies</th>
+      <td>None</td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Import from</th>
+      <td><code>@angular/material/core</code></td>
+    </tr>
   </tbody>
 </table>
 
@@ -329,22 +329,22 @@ The easiest way to ensure this is to import one of the provided date modules:
 
 <table>
   <tbody>
-  <tr>
-    <th align="left" scope="row">Date type</th>
-    <td><code>Date</code></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Supported locales</th>
-    <td><a href="https://github.com/date-fns/date-fns/tree/master/src/locale/">See project for details</a></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Dependencies</th>
-    <td><a href="https://date-fns.org/">date-fns</a></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Import from</th>
-    <td><code>@angular/material-date-fns-adapter</code></td>
-  </tr>
+    <tr>
+      <th align="left" scope="row">Date type</th>
+      <td><code>Date</code></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Supported locales</th>
+      <td><a href="https://github.com/date-fns/date-fns/tree/master/src/locale/">See project for details</a></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Dependencies</th>
+      <td><a href="https://date-fns.org/">date-fns</a></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Import from</th>
+      <td><code>@angular/material-date-fns-adapter</code></td>
+    </tr>
   </tbody>
 </table>
 
@@ -352,22 +352,22 @@ The easiest way to ensure this is to import one of the provided date modules:
 
 <table>
   <tbody>
-  <tr>
-    <th align="left" scope="row">Date type</th>
-    <td><code>DateTime</code></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Supported locales</th>
-    <td><a href="https://moment.github.io/luxon/">See project for details</a></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Dependencies</th>
-    <td><a href="https://momentjs.com/">Luxon</a></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Import from</th>
-    <td><code>@angular/material-luxon-adapter</code></td>
-  </tr>
+    <tr>
+      <th align="left" scope="row">Date type</th>
+      <td><code>DateTime</code></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Supported locales</th>
+      <td><a href="https://moment.github.io/luxon/">See project for details</a></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Dependencies</th>
+      <td><a href="https://moment.github.io/luxon/">Luxon</a></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Import from</th>
+      <td><code>@angular/material-luxon-adapter</code></td>
+    </tr>
   </tbody>
 </table>
 
@@ -375,22 +375,22 @@ The easiest way to ensure this is to import one of the provided date modules:
 
 <table>
   <tbody>
-  <tr>
-    <th align="left" scope="row">Date type</th>
-    <td><code>Moment</code></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Supported locales</th>
-    <td><a href="https://github.com/moment/moment/tree/develop/src/locale">See project for details</a></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Dependencies</th>
-    <td><a href="https://momentjs.com/">Moment.js</a></td>
-  </tr>
-  <tr>
-    <th align="left" scope="row">Import from</th>
-    <td><code>@angular/material-moment-adapter</code></td>
-  </tr>
+    <tr>
+      <th align="left" scope="row">Date type</th>
+      <td><code>Moment</code></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Supported locales</th>
+      <td><a href="https://github.com/moment/moment/tree/develop/src/locale">See project for details</a></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Dependencies</th>
+      <td><a href="https://momentjs.com/">Moment.js</a></td>
+    </tr>
+    <tr>
+      <th align="left" scope="row">Import from</th>
+      <td><code>@angular/material-moment-adapter</code></td>
+    </tr>
   </tbody>
 </table>