diff --git a/webapp/channels/src/sass/components/_files.scss b/webapp/channels/src/sass/components/_files.scss
index 62912b090f..988baabb9b 100644
--- a/webapp/channels/src/sass/components/_files.scss
+++ b/webapp/channels/src/sass/components/_files.scss
@@ -208,7 +208,7 @@
             max-width: 100%;
             min-height: 40px;
             max-height: $max-image-height;
-            border-color: rgba(var(--center-channel-color), 0.12);
+            border-color: rgba(var(--center-channel-color-rgb), 0.12);
             border-radius: 4px;
             transition: all 0.1s linear;
 
diff --git a/webapp/channels/src/sass/components/_modal.scss b/webapp/channels/src/sass/components/_modal.scss
index 139a9a766d..6b061b8fb2 100644
--- a/webapp/channels/src/sass/components/_modal.scss
+++ b/webapp/channels/src/sass/components/_modal.scss
@@ -669,7 +669,7 @@
         flex: 32px 0 0;
         align-items: center;
         justify-content: center;
-        background: rgba(var(--center-channel-color), 0.2);
+        background: rgba(var(--center-channel-color-rgb), 0.2);
         border-radius: 50%;
     }
 
diff --git a/webapp/channels/src/sass/components/_post.scss b/webapp/channels/src/sass/components/_post.scss
index d32b28fc14..39ca52f1ac 100644
--- a/webapp/channels/src/sass/components/_post.scss
+++ b/webapp/channels/src/sass/components/_post.scss
@@ -667,7 +667,7 @@
         }
 
         .post__body {
-            color: rbga(var(--center-channel-color-rgb), 0.6);
+            color: rgba(var(--center-channel-color-rgb), 0.6);
         }
     }
 
@@ -1540,10 +1540,11 @@
         }
     }
 
+    // This class is used for the "Commented on" messages with CRT disabled
     .post__link {
         overflow: hidden;
         margin: 2px 0 5px;
-        color: rgba(var(--center-channel-color), 0.65);
+        color: rgba(var(--center-channel-color-rgb), 0.65);
         font-size: 13px;
         text-overflow: ellipsis;
         -webkit-user-select: none; /* Chrome all / Safari all */