diff --git a/app/javascript/dashboard/components-next/message/MessageError.vue b/app/javascript/dashboard/components-next/message/MessageError.vue
index 0e0a5e53b..dca1ae7ff 100644
--- a/app/javascript/dashboard/components-next/message/MessageError.vue
+++ b/app/javascript/dashboard/components-next/message/MessageError.vue
@@ -28,8 +28,8 @@ const { t } = useI18n();
       <div
         class="absolute bg-n-alpha-3 px-4 py-3 border rounded-xl border-n-strong text-n-slate-12 bottom-6 w-52 text-xs backdrop-blur-[100px] shadow-[0px_0px_24px_0px_rgba(0,0,0,0.12)] opacity-0 invisible group-hover:opacity-100 group-hover:visible transition-all"
         :class="{
-          'right-0': orientation === ORIENTATION.LEFT,
-          'left-0': orientation === ORIENTATION.RIGHT,
+          'left-0': orientation === ORIENTATION.LEFT,
+          'right-0': orientation === ORIENTATION.RIGHT,
         }"
       >
         {{ error }}