diff --git a/src/components/popover/_style.scss b/src/components/popover/_style.scss
index 450e94f82..e8d22b678 100644
--- a/src/components/popover/_style.scss
+++ b/src/components/popover/_style.scss
@@ -68,15 +68,16 @@
 	}
 
 	&.is-left {
-		left: 0;
-		margin-left: -6px;
+		left: 100%;
+		transform: translateX( -100% );
+		margin-left: 6px;
 
 		&::before {
-			left: 10px;
+			right: 10px;
 		}
 
 		&::after {
-			left: 11px;
+			right: 11px;
 		}
 	}
 
@@ -96,16 +97,15 @@
 	}
 
 	&.is-right {
-		left: 100%;
-		transform: translateX( -100% );
-		margin-left: 6px;
+		left: 0;
+		margin-left: -6px;
 
 		&::before {
-			right: 10px;
+			left: 10px;
 		}
 
 		&::after {
-			right: 11px;
+			left: 11px;
 		}
 	}
 }