diff --git a/stylesheets/_ios.scss b/stylesheets/_ios.scss
index e10e76b25..68c1103c5 100644
--- a/stylesheets/_ios.scss
+++ b/stylesheets/_ios.scss
@@ -124,6 +124,14 @@
     color: $color-light-60;
   }
 
+  .module-typing-animation__dot {
+    background-color: $color-gray-60;
+  }
+
+  .module-typing-animation__dot--light {
+    background-color: $color-gray-60;
+  }
+
   &.dark-theme {
     // _modules
 
diff --git a/ts/components/conversation/TypingBubble.md b/ts/components/conversation/TypingBubble.md
index 099dd2a58..06c8555d4 100644
--- a/ts/components/conversation/TypingBubble.md
+++ b/ts/components/conversation/TypingBubble.md
@@ -1,7 +1,7 @@
 ### In message bubble
 
 ```jsx
-<util.ConversationContext theme={util.theme}>
+<util.ConversationContext theme={util.theme} ios={util.ios}>
   <li>
     <TypingBubble conversationType="direct" i18n={util.i18n} />
   </li>
@@ -14,7 +14,7 @@
 ### In message bubble, group conversation
 
 ```jsx
-<util.ConversationContext theme={util.theme}>
+<util.ConversationContext theme={util.theme} ios={util.ios}>
   <li>
     <TypingBubble color="red" conversationType="group" i18n={util.i18n} />
   </li>