diff --git a/src/components/DataTable.vue b/src/components/DataTable.vue
index 537706c..bd1f1db 100644
--- a/src/components/DataTable.vue
+++ b/src/components/DataTable.vue
@@ -69,7 +69,7 @@ export default {
       background-color: rgba($bg-color-dark, 0.7);
 
       &:nth-child(odd) {
-        background-color: rgba(lighten($bg-color-dark, 20%), 0.7);
+        background-color: rgba(lighten($bg-color-dark, 15%), 0.7);
       }
     }
   }
diff --git a/src/scss/base.scss b/src/scss/base.scss
index a3367bb..593a4eb 100644
--- a/src/scss/base.scss
+++ b/src/scss/base.scss
@@ -19,7 +19,7 @@ a {
 }
 
 .bubbles {
-  background-color: $bg-color-dark;
+  background-color: lighten($bg-color-dark, 25%);
   position: fixed;
   top: 0;
   right: 0;