diff --git a/app/routes/activity/components/components/Activity.scss b/app/routes/activity/components/components/Activity.scss
index 2eca71a2..fd9b84c1 100644
--- a/app/routes/activity/components/components/Activity.scss
+++ b/app/routes/activity/components/components/Activity.scss
@@ -11,6 +11,10 @@
   transition-delay: .1s;
   color: $white;
   position: relative;
+
+  &.unpaid {
+    opacity: 0.5;
+  }
 }
 
 .clock {
@@ -142,7 +146,3 @@
     }
   }
 }
-
-.unpaid svg {
-  opacity: 0.5;
-}
diff --git a/app/routes/activity/components/components/Invoice/Invoice.js b/app/routes/activity/components/components/Invoice/Invoice.js
index b5e64634..42e5cd06 100644
--- a/app/routes/activity/components/components/Invoice/Invoice.js
+++ b/app/routes/activity/components/components/Invoice/Invoice.js
@@ -12,9 +12,9 @@ import styles from '../Activity.scss'
 const Invoice = ({
   invoice, ticker, currentTicker, showActivityModal
 }) => (
-  <div className={styles.container} onClick={() => showActivityModal('INVOICE', { invoice })}>
+  <div className={`${styles.container} ${!invoice.settled && styles.unpaid}`} onClick={() => showActivityModal('INVOICE', { invoice })}>
     <div className={styles.date}>
-      <section className={!invoice.settled && styles.unpaid}>
+      <section>
         {
           invoice.settled ?
             <Isvg src={checkmarkIcon} />