diff --git a/packages/documentation/copy/en/reference/Type Compatibility.md b/packages/documentation/copy/en/reference/Type Compatibility.md
index b8d4566db5cb..675529da46fb 100644
--- a/packages/documentation/copy/en/reference/Type Compatibility.md	
+++ b/packages/documentation/copy/en/reference/Type Compatibility.md	
@@ -307,7 +307,7 @@ For practical purposes, type compatibility is dictated by assignment compatibili
 
 The following table summarizes assignability between some abstract types.
 Rows indicate what each is assignable to, columns indicate what is assignable to them.
-A "<span class='black-tick'>✓</span>" indicates a combination that is compatible only when [`strictNullChecks`](/tsconfig#strictNullChecks) is off.
+A "<span class='tick-if-not-strict'>✓</span>" indicates a combination that is compatible only when [`strictNullChecks`](/tsconfig#strictNullChecks) is off.
 
 <!-- This is the rendered form of https://github.com/microsoft/TypeScript-Website/pull/1490 -->
 <table class="data">
@@ -370,19 +370,19 @@ A "<span class='black-tick'>✓</span>" indicates a combination that is compatib
 <td>undefined →</td>
 <td align="center"><span class="blue-tick">✓</span></td>
 <td align="center"><span class="blue-tick">✓</span></td>
-<td align="center"><span class="black-tick">✓</span></td>
+<td align="center"><span class="tick-if-not-strict">✓</span></td>
 <td align="center"><span class="blue-tick">✓</span></td>
 <td align="center"></td>
-<td align="center"><span class="black-tick">✓</span></td>
+<td align="center"><span class="tick-if-not-strict">✓</span></td>
 <td align="center"><span class="red-cross">✕</span></td>
 </tr>
 <tr>
 <td>null →</td>
 <td align="center"><span class="blue-tick">✓</span></td>
 <td align="center"><span class="blue-tick">✓</span></td>
-<td align="center"><span class="black-tick">✓</span></td>
-<td align="center"><span class="black-tick">✓</span></td>
-<td align="center"><span class="black-tick">✓</span></td>
+<td align="center"><span class="tick-if-not-strict">✓</span></td>
+<td align="center"><span class="tick-if-not-strict">✓</span></td>
+<td align="center"><span class="tick-if-not-strict">✓</span></td>
 <td align="center"></td>
 <td align="center"><span class="red-cross">✕</span></td>
 </tr>
diff --git a/packages/typescriptlang-org/src/templates/markdown.scss b/packages/typescriptlang-org/src/templates/markdown.scss
index d9bed16ca84e..3514c64c0c79 100644
--- a/packages/typescriptlang-org/src/templates/markdown.scss
+++ b/packages/typescriptlang-org/src/templates/markdown.scss
@@ -132,11 +132,19 @@
     font-size: 1.2rem;
   }
 
-  .black-tick {
-    color: $ts-muted-green;
+  .tick-if-not-strict {
+    color: $ts-main-blue-color;
     font-size: 1.2rem;
   }
 
+  .tick-if-not-strict:after {
+    content: "*";
+  }
+
+  td > .tick-if-not-strict:after {
+    position: absolute;
+  }
+
   .red-cross {
     color: $ts-muted-red;
     font-size: 1.2rem;