diff --git a/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue b/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
index 751c9755dc..c78975d2be 100644
--- a/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
+++ b/src/components/NcRichText/NcReferencePicker/NcReferencePicker.vue
@@ -26,6 +26,7 @@
 		<div v-else-if="mode === MODES.customElement"
 			class="custom-element-wrapper">
 			<NcCustomPickerElement :provider="selectedProvider"
+				class="custom-element"
 				@submit="submitLink"
 				@cancel="cancelCustomElement" />
 		</div>
@@ -180,6 +181,11 @@ export default {
 		display: flex;
 		overflow-y: auto;
 		width: 100%;
+		.custom-element {
+			display: flex;
+			overflow-y: auto;
+			width: 100%;
+		}
 	}
 }
 </style>
diff --git a/src/components/NcRichText/NcReferenceWidget.vue b/src/components/NcRichText/NcReferenceWidget.vue
index fedbeb131b..6e9fbce605 100644
--- a/src/components/NcRichText/NcReferenceWidget.vue
+++ b/src/components/NcRichText/NcReferenceWidget.vue
@@ -200,6 +200,7 @@ export default {
 
 			// create a separate element so we can rerender on the ref again
 			const widget = document.createElement('div')
+			widget.style = 'width: 100%;'
 			this.$refs.customWidget.appendChild(widget)
 			this.$nextTick(() => {
 				// Waiting for the ref to become available