diff --git a/stylesheets/android-dark.scss b/stylesheets/android-dark.scss
index ea1440ed9..1ff2ad448 100644
--- a/stylesheets/android-dark.scss
+++ b/stylesheets/android-dark.scss
@@ -225,6 +225,26 @@ $text-dark_l2: darken($text-dark, 30%);
     }
   }
 
+  .outgoing .bubble .quote .icon-container .icon {
+    background-color: black;
+    &.play.white {
+      background-color: $text-dark;
+    }
+  }
+  .incoming .bubble .quote {
+    border-left-color: $text-dark;
+    background-color: rgba(0, 0, 0, 0.6);
+
+    .icon-container {
+      .circle-background {
+        background-color: $text-dark;
+      }
+      .icon.play.white {
+        background-color: $text-dark;
+      }
+    }
+  }
+
   button.clock {
     @include header-icon-white('../images/clock.svg');
   }
diff --git a/ts/components/conversation/Quote.tsx b/ts/components/conversation/Quote.tsx
index a3e78da7e..59a997fd4 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', icon)} />
+      ? <div className={classnames('icon', 'white', icon)} />
       : null;
 
     return (