diff --git a/app/assets/javascripts/components/annotations/annotation_marker.ts b/app/assets/javascripts/components/annotations/annotation_marker.ts
index 3d88d6d541..fbfe94aad2 100644
--- a/app/assets/javascripts/components/annotations/annotation_marker.ts
+++ b/app/assets/javascripts/components/annotations/annotation_marker.ts
@@ -32,8 +32,12 @@ export class AnnotationMarker extends LitElement {
 
     static getStyle(annotation: AnnotationData): string {
         if (["error", "warning", "info"].includes(annotation.type)) {
+            // shorthand notation does not work in safari
             return `
-                text-decoration: wavy underline ${AnnotationMarker.colors[annotation.type]} 1px;
+                text-decoration-line: underline;
+                text-decoration-color: ${AnnotationMarker.colors[annotation.type]};
+                text-decoration-thickness: 1px;
+                text-decoration-style: wavy;
                 text-decoration-skip-ink: none;
             `;
         } else {