diff --git a/app/assets/stylesheets/common/base/onebox.scss b/app/assets/stylesheets/common/base/onebox.scss
index 2ff7b0d3aa1..c2072b81187 100644
--- a/app/assets/stylesheets/common/base/onebox.scss
+++ b/app/assets/stylesheets/common/base/onebox.scss
@@ -13,8 +13,8 @@ a.loading-onebox {
 .onebox-result {
   margin-top: 15px;
   padding: 12px 25px 12px 12px;
-  border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
-  background: dark-light-diff($primary, $secondary, 97%, -45%);
+  border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
+  background-color: dark-light-diff($primary, $secondary, 97%, -65%);
   font-size: 1em;
   > .source {
     margin-bottom: 12px;
@@ -90,8 +90,8 @@ a.loading-onebox {
 
 aside.onebox {
   padding: 12px 25px 12px 12px;
-  border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
-  background: dark-light-diff($primary, $secondary, 97%, -45%);
+  border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
+  background-color: dark-light-diff($primary, $secondary, 97%, -65%);
   font-size: 1em;
 
   header {
@@ -148,8 +148,8 @@ aside.onebox .onebox-body .onebox-avatar {
 
 blockquote {
   aside.onebox {
-    background: dark-light-diff($primary, $secondary, 97%, -45%);
-    border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -65%);
+    border-left: 5px solid dark-light-diff($primary, $secondary, 90%, -75%);
+    background-color: dark-light-diff($primary, $secondary, 97%, -65%);
   }
 }