diff --git a/assets/css/app.scss b/assets/css/app.scss
index 13d644b56d..4e3738af19 100644
--- a/assets/css/app.scss
+++ b/assets/css/app.scss
@@ -199,6 +199,16 @@
     border-bottom: 1px solid #e4e9ed !important;
   }
 
+  .ch-tool-icon {
+    @apply font-extrabold text-transparent bg-clip-text bg-ch-primary
+  }
+  .ch-tool-icon-disabled {
+    @apply font-extrabold text-transparent bg-clip-text bg-gray-400
+  }
+  .ch-tool-icon-gradient {
+    @apply font-extrabold text-transparent bg-clip-text bg-gradient-to-br from-ch-primary to-ch-primary-light
+  }
+
   @import "scss/index.scss";
 }