diff --git a/docs/guidelines/language/formatting/timezones.mdx b/docs/guidelines/language/formatting/timezones.mdx
index b17476a33..7ac2ba886 100644
--- a/docs/guidelines/language/formatting/timezones.mdx
+++ b/docs/guidelines/language/formatting/timezones.mdx
@@ -35,7 +35,7 @@ Use colons (:) to split times between hours, minutes, and seconds.
 <div className="dos-and-donts" markdown="true">
 <div className="dos" markdown="true">
 
-- hh:mm:ss
+- hh\:mm\:ss
 
 </div>
 <div className="donts" markdown="true">
@@ -50,8 +50,8 @@ Use periods (.) to add milliseconds and nanoseconds, not a colon (:) according t
 <div className="dos-and-donts" markdown="true">
 <div className="dos" markdown="true">
 
-- hh:mm:ss.mms
-- hh:mm:ss.sss (ISO 8601 standard)
+- hh\:mm\:ss.mms
+- hh\:mm\:ss.sss (ISO 8601 standard)
 - 0:00:00.920
 
 </div>
@@ -279,4 +279,4 @@ Use "recent" for past events that have just happened.
 
 - [Dates](./date.mdx)
 - [Time picker](../../../components/time-picker/index.mdx)
-- [CLDR set of time zones (external link)](https://cldr.unicode.org/translation/time-zones-and-city-names)
\ No newline at end of file
+- [CLDR set of time zones (external link)](https://cldr.unicode.org/translation/time-zones-and-city-names)