diff --git a/aio/src/styles/2-modules/_cli-pages.scss b/aio/src/styles/2-modules/_cli-pages.scss
index e4a3b14019..03de07b761 100644
--- a/aio/src/styles/2-modules/_cli-pages.scss
+++ b/aio/src/styles/2-modules/_cli-pages.scss
@@ -7,9 +7,3 @@
 .cli-option-syntax {
   white-space: pre;
 }
-
-.cli-deprecated {
-  background-color: $brightred;;
-  padding: 2px 10px;
-  margin-right: 10px;
-}
diff --git a/aio/tools/transforms/templates/cli/lib/cli.html b/aio/tools/transforms/templates/cli/lib/cli.html
index a190956c74..038a5be3e9 100644
--- a/aio/tools/transforms/templates/cli/lib/cli.html
+++ b/aio/tools/transforms/templates/cli/lib/cli.html
@@ -53,15 +53,14 @@
   {% for option in options %}
     <tr class="cli-option">
       <td>
-        <code class="cli-option-syntax no-auto-link">{$ renderOption(option.name, option.type, option.default, option.enum) $}</code>
+        <code class="cli-option-syntax no-auto-link{% if option.deprecated %} deprecated-api-item{% endif %}">{$ renderOption(option.name, option.type, option.default, option.enum) $}</code>
       </td>
       <td>
         {% if option.deprecated %}
-          {% if option.deprecated !== true %}
-            {$ ('**Deprecated:** ' + option.deprecated) | marked $}
-          {% endif %}
           {% if option.deprecated === true %}
-            {$ ('**Deprecated**') | marked $}
+            <p><strong>Deprecated</strong></p>
+          {% else %}
+            {$ ('**Deprecated:** ' + option.deprecated) | marked $}
           {% endif %}
         {% endif %}
         {$ option.description | marked $}