diff --git a/webapp/src/components/messages/cloudMessage.scss b/webapp/src/components/messages/cloudMessage.scss
index 4d867fb36..f6c86bba5 100644
--- a/webapp/src/components/messages/cloudMessage.scss
+++ b/webapp/src/components/messages/cloudMessage.scss
@@ -1,11 +1,12 @@
 // Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
 // See LICENSE.txt for license information.
 .CloudMessage {
-    background-color: var(--sidebar-text-active-border-rgb);
+    background-color: rgb(var(--sidebar-text-active-border-rgb));
     display: flex;
     flex-direction: row;
     align-items: center;
     text-align: center;
+    font-weight: 600;
 
     div {
         width: 100%;
@@ -19,8 +20,13 @@
         padding: 10px;
         color: #fff;
 
+        .CompassIcon {
+            font-size: 18px;
+            margin-right: 2px;
+        }
+
         .Button {
-            margin-left: 10px;
+            margin-left: 8px;
             background-color: rgba(255, 255, 255, 0.16);
         }
     }
diff --git a/webapp/src/widgets/buttons/iconButton.scss b/webapp/src/widgets/buttons/iconButton.scss
index f9953a04c..fd5809fa6 100644
--- a/webapp/src/widgets/buttons/iconButton.scss
+++ b/webapp/src/widgets/buttons/iconButton.scss
@@ -1,4 +1,5 @@
 .IconButton {
+    cursor: pointer;
     border-radius: 4px;
     height: 24px;
     width: 24px;