diff --git a/src/components/app-bar/styles.scss b/src/components/app-bar/styles.scss
index 362f66d6a..1490e71fb 100644
--- a/src/components/app-bar/styles.scss
+++ b/src/components/app-bar/styles.scss
@@ -22,7 +22,7 @@
 
   &__notification-icon {
     &--highlight {
-      color: rgba(255 132 49);
+      color: #ff3131;
     }
   }
 
@@ -43,6 +43,6 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    background-color: rgba(255 132 49);
+    background-color: #ff3131;
   }
 }
diff --git a/src/components/messenger/list/conversation-item/conversation-item.scss b/src/components/messenger/list/conversation-item/conversation-item.scss
index 8831e2199..c8e19fbf5 100644
--- a/src/components/messenger/list/conversation-item/conversation-item.scss
+++ b/src/components/messenger/list/conversation-item/conversation-item.scss
@@ -145,7 +145,7 @@
     align-items: center;
     flex-grow: 0;
     flex-shrink: 0;
-    color: rgba(255 132 49);
+    color: #ff3131;
     border-radius: 50%;
     width: 16px;
     height: 16px;
diff --git a/src/components/notifications-feed/notification-item/styles.module.scss b/src/components/notifications-feed/notification-item/styles.module.scss
index dbf841a4d..098df3847 100644
--- a/src/components/notifications-feed/notification-item/styles.module.scss
+++ b/src/components/notifications-feed/notification-item/styles.module.scss
@@ -33,7 +33,7 @@
     width: 8px;
     height: 8px;
     border-radius: 50%;
-    background-color: rgba(255 132 49);
+    background-color: #ff3131;
     flex-shrink: 0;
     display: block;
   }