diff --git a/packages/core/fields/association/index.js b/packages/core/fields/association/index.js
index 399d849ec..08341b7a8 100644
--- a/packages/core/fields/association/index.js
+++ b/packages/core/fields/association/index.js
@@ -282,7 +282,9 @@ class AssociationField extends Component {
 
 										<div className="cf-association__option-content">
 											<span className="cf-association__option-title">
-												{ option.title }
+												<span className="cf-association__option-title-inner">
+													{ option.title }
+												</span>
 											</span>
 
 											<span className="cf-association__option-type">
diff --git a/packages/core/fields/association/style.scss b/packages/core/fields/association/style.scss
index 06dd0878a..691ddcf78 100644
--- a/packages/core/fields/association/style.scss
+++ b/packages/core/fields/association/style.scss
@@ -99,12 +99,8 @@
 }
 
 .cf-association__option-title {
-	overflow: hidden;
-	font-size: $wp-font-size;
-	line-height: $wp-line-height;
-	color: $wp-color-base-gray;
-	white-space: nowrap;
-	text-overflow: ellipsis;
+	flex: 1;
+	position: relative;
 	margin-right: $size-base;
 
 	.cf-association__option--selected & {
@@ -112,6 +108,20 @@
 	}
 }
 
+.cf-association__option-title-inner {
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	font-size: $wp-font-size;
+	line-height: $wp-line-height;
+	color: $wp-color-base-gray;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	transform: translateY(-50%);
+}
+
 .cf-association__option-type {
 	font-size: 9px;
 	line-height: 1;