diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 9f98aaff..592fd370 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -287,6 +287,8 @@ todo: many biz objects are not using new PUT methodology
 
 
 CURRENTLY DOING: front end full in
+	alert / popup notes
+	
 
 
 
diff --git a/ayanova/src/components/alert-control.vue b/ayanova/src/components/alert-control.vue
new file mode 100644
index 00000000..9088d6ad
--- /dev/null
+++ b/ayanova/src/components/alert-control.vue
@@ -0,0 +1,22 @@
+<template>
+  <v-col v-if="alertMessage" cols="12" mt-1 mb-2>
+    <v-alert
+      ref="alertBox"
+      data-cy="alertbox"
+      v-show="alertMessage"
+      color="primary"
+      icon="$ayiInfoCircle"
+      class="multi-line"
+      outlined
+      >{{ alertMessage }}</v-alert
+    >
+  </v-col>
+</template>
+<script>
+export default {
+  data: () => ({}),
+  props: {
+    alertMessage: { type: String, default: null }
+  }
+};
+</script>
diff --git a/ayanova/src/components/error-control.vue b/ayanova/src/components/error-control.vue
index 9d4ce765..f0fae286 100644
--- a/ayanova/src/components/error-control.vue
+++ b/ayanova/src/components/error-control.vue
@@ -5,8 +5,7 @@
       data-cy="generalerror"
       v-show="errorBoxMessage"
       color="error"
-      icon="$ayiExclamationCircle"
-      transition="scale-transition"
+      icon="$ayiExclamationTriangle"
       class="multi-line"
       outlined
       >{{ errorBoxMessage }}</v-alert
diff --git a/ayanova/src/main.js b/ayanova/src/main.js
index 7c94e654..b45201eb 100644
--- a/ayanova/src/main.js
+++ b/ayanova/src/main.js
@@ -52,6 +52,7 @@ import urlControl from "./components/url-control.vue";
 import roleControl from "./components/role-control.vue";
 import durationControl from "./components/duration-control.vue";
 import errorControl from "./components/error-control.vue";
+import alertControl from "./components/alert-control.vue";
 import extensionsControl from "./components/extensions-control.vue";
 import reportSelectorControl from "./components/report-selector-control.vue";
 import wikiControl from "./components/wiki-control.vue";
@@ -206,6 +207,7 @@ Vue.component("gz-url", urlControl);
 Vue.component("gz-role-picker", roleControl);
 Vue.component("gz-duration-picker", durationControl);
 Vue.component("gz-error", errorControl);
+Vue.component("gz-alert", alertControl);
 Vue.component("gz-report-selector", reportSelectorControl);
 Vue.component("gz-extensions", extensionsControl);
 Vue.component("gz-wiki", wikiControl);
diff --git a/ayanova/src/views/cust-customer.vue b/ayanova/src/views/cust-customer.vue
index a0779d98..374d8a01 100644
--- a/ayanova/src/views/cust-customer.vue
+++ b/ayanova/src/views/cust-customer.vue
@@ -354,8 +354,8 @@
                     data-cy="popUpNotes"
                     @input="fieldValueChanged('popUpNotes')"
                     auto-grow
-                    prepend-icon="$ayiExclamationCircle"
-                    color="accent"
+                    prepend-icon="$ayiInfoCircle"
+                    color="primary"
                   ></v-textarea>
                 </v-col>
 
diff --git a/ayanova/src/views/svc-workorder.vue b/ayanova/src/views/svc-workorder.vue
index 85217f9e..45f5ff16 100644
--- a/ayanova/src/views/svc-workorder.vue
+++ b/ayanova/src/views/svc-workorder.vue
@@ -3,6 +3,7 @@
     <gz-report-selector ref="reportSelector"></gz-report-selector>
     <div v-if="formState.ready">
       <gz-error :error-box-message="formState.errorBoxMessage"></gz-error>
+      <gz-alert :alert-message="obj.alertViz"></gz-alert>
       <v-form ref="form">
         <GzWoHeader
           v-model="obj"
@@ -153,7 +154,8 @@ export default {
         items: [],
         states: [],
         isDirty: true,
-        isLockedAtServer: false
+        isLockedAtServer: false,
+        alertViz: null
       },
       formState: {
         ready: false,
diff --git a/ayanova/src/views/vendor.vue b/ayanova/src/views/vendor.vue
index 7f916850..484dcf1d 100644
--- a/ayanova/src/views/vendor.vue
+++ b/ayanova/src/views/vendor.vue
@@ -234,8 +234,8 @@
                     data-cy="popUpNotes"
                     @input="fieldValueChanged('popUpNotes')"
                     auto-grow
-                    prepend-icon="$ayiExclamationCircle"
-                    color="accent"
+                    prepend-icon="$ayiInfoCircle"
+                    color="primary"
                   ></v-textarea>
                 </v-col>