diff --git a/src/views/channel/index.vue b/src/views/channel/index.vue
index a5801c9..67b8af5 100644
--- a/src/views/channel/index.vue
+++ b/src/views/channel/index.vue
@@ -973,6 +973,29 @@ onMounted(async () => {
   max-width: 100%;
 }
 
+/* Keep task controls consistent with the product-pricing toolbar. */
+.purchase-forecast-toolbar :deep(.el-button) {
+  border-color: rgba(99, 217, 255, 0.55) !important;
+  color: #e9fbff !important;
+  background: rgba(17, 126, 178, 0.36) !important;
+}
+
+.purchase-forecast-toolbar :deep(.task-toolbar-button--submit) {
+  border-color: rgba(66, 224, 187, 0.7) !important;
+  background: rgba(13, 137, 111, 0.34) !important;
+}
+
+.purchase-forecast-toolbar :deep(.el-button:hover) {
+  border-color: rgba(116, 235, 255, 0.85) !important;
+  color: #e9fbff !important;
+  background: rgba(18, 146, 204, 0.5) !important;
+}
+
+.purchase-forecast-toolbar :deep(.task-toolbar-button--submit:hover) {
+  border-color: rgba(100, 245, 208, 0.9) !important;
+  background: rgba(14, 164, 132, 0.45) !important;
+}
+
 @media (max-width:900px) {
   .purchase-forecast-toolbar {
     width: 100%;