diff --git a/less/general.less b/less/general.less
index 799d08a..f98dfe7 100644
--- a/less/general.less
+++ b/less/general.less
@@ -452,6 +452,23 @@ a:hover .text-usage-counts-hover:extend(.uk-text-background) {
   border-radius: @global-small-border-radius;
 }
 
+.custom-view-button {
+  padding: 4px;
+  background: @light-color;
+  border: 1px solid @disable-color;
+  border-radius: 4px;
+  icon {
+    color: @disable-color;
+  }
+
+  &.active {
+    background: transparent linear-gradient(315deg, @primary-light-color 0%, @primary-dark-color 100%) 0% 0% no-repeat padding-box;
+    icon {
+      color: @light-color;
+    }
+  }
+}
+
 @inverse-general-custom-external-color: @global-inverse-color;
 
 .hook-inverse() {