diff --git a/src/components/forms/validation-message.scss b/src/components/forms/validation-message.scss
index acb19820a..96aeec220 100644
--- a/src/components/forms/validation-message.scss
+++ b/src/components/forms/validation-message.scss
@@ -1,8 +1,9 @@
 @import "../../colors";
 @import "../../frameless";
 
+$arrow-border-width: 1rem;
+
 .validation-message {
-    $arrow-border-width: 1rem;
     display: block;
     position: absolute;
     top: 0;
@@ -37,6 +38,23 @@
     }
 }
 
+.validation-left {
+    left: unset;
+    right: 0;
+    margin-left: unset;
+    margin-right: $arrow-border-width;
+    transform: translate(-16rem, 0);
+
+    &:before {
+        left: unset;
+        right: -$arrow-border-width / 2;
+        border-top: 1px solid $active-gray;
+        border-right: 1px solid $active-gray;
+        border-bottom: none;
+        border-left: none;
+    }
+}
+
 @media #{$intermediate-and-smaller} {
     .validation-message {
         position: relative;