diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css
new file mode 100644
index 000000000..58ac27a2d
--- /dev/null
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.css
@@ -0,0 +1,3 @@
+.components-grid-annotation {
+  font-size: 90%;
+}
diff --git a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js
index 6e1fabc68..2742cef7e 100644
--- a/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js
+++ b/ui/src/Components/Grid/AlertGrid/AlertGroup/Annotation/index.js
@@ -11,6 +11,8 @@ import { faExternalLinkAlt } from "@fortawesome/free-solid-svg-icons/faExternalL
 import { faSearchPlus } from "@fortawesome/free-solid-svg-icons/faSearchPlus";
 import { faSearchMinus } from "@fortawesome/free-solid-svg-icons/faSearchMinus";
 
+import "./index.css";
+
 const RenderNonLinkAnnotation = inject("alertStore")(
   observer(
     class RenderNonLinkAnnotation extends Component {
@@ -84,7 +86,7 @@ const RenderNonLinkAnnotation = inject("alertStore")(
         const { name, value } = this.props;
 
         const className =
-          "mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded";
+          "mr-1 mb-1 p-1 bg-light cursor-pointer d-inline-block rounded components-grid-annotation";
 
         if (!this.toggle.visible) {
           return (