diff --git a/src/includes/customizer/class-boldgrid-framework-customizer-typography.php b/src/includes/customizer/class-boldgrid-framework-customizer-typography.php
index 7959cd028..46ff84bdc 100644
--- a/src/includes/customizer/class-boldgrid-framework-customizer-typography.php
+++ b/src/includes/customizer/class-boldgrid-framework-customizer-typography.php
@@ -170,8 +170,19 @@ public function generate_font_size_css( $css = '' ) {
 	 * @since 2.2.2
 	 */
 	public function override_kirki_styles() {
+		global $wp_filesystem;
+
 		$kirki_styles    = apply_filters( 'kirki_bgtfw_dynamic_css', Kirki_Modules_CSS::loop_controls( 'bgtfw' ) );
 		$filtered_styles = preg_replace( '/font-family:(\w+(\s\w+)+);/', 'font-family:"${1}";', $kirki_styles );
+
+		/*
+		 * Kirki no longer creates the kirki-css/styles.css file including their dynamic css.
+		 * Therefore we must create it for them in order to use the styles in the editor.
+		 */
+		if ( ! $wp_filesystem->is_dir( wp_upload_dir()['basedir'] . '/kirki-css' ) ) {
+			$wp_filesystem->mkdir( wp_upload_dir()['basedir'] . '/kirki-css' );
+		}
+		$wp_filesystem->put_contents( wp_upload_dir()['basedir'] . '/kirki-css/styles.css', $filtered_styles );
 		Boldgrid_Framework_Customizer_Generic::add_inline_style( 'boldgrid-kirki-override', $filtered_styles );
 	}