diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss
index 1ff2ad448..3bec579f9 100644
--- a/stylesheets/android-dark.scss
+++ b/stylesheets/android-dark.scss
@@ -227,7 +227,7 @@ $text-dark_l2: darken($text-dark, 30%);
 
   .outgoing .bubble .quote .icon-container .icon {
     background-color: black;
-    &.play.white {
+    &.play.with-image {
       background-color: $text-dark;
     }
   }
@@ -239,7 +239,7 @@ $text-dark_l2: darken($text-dark, 30%);
       .circle-background {
         background-color: $text-dark;
       }
-      .icon.play.white {
+      .icon.play.with-image {
         background-color: $text-dark;
       }
     }
diff --git a/ts/components/conversation/Quote.tsx b/ts/components/conversation/Quote.tsx
index 59a997fd4..302aeb12e 100644
--- a/ts/components/conversation/Quote.tsx
+++ b/ts/components/conversation/Quote.tsx
@@ -54,7 +54,7 @@ function getObjectUrl(thumbnail: Attachment | undefined): string | null {
 export class Quote extends React.Component<Props, {}> {
   public renderImage(url: string, icon?: string) {
     const iconElement = icon
-      ? <div className={classnames('icon', 'white', icon)} />
+      ? <div className={classnames('icon', 'with-image', icon)} />
       : null;
 
     return (