diff --git a/assets/js/um-members.js b/assets/js/um-members.js
index ca93d244..018e5b3d 100644
--- a/assets/js/um-members.js
+++ b/assets/js/um-members.js
@@ -216,14 +216,14 @@ function um_ajax_get_members( directory, args ) {
 
 			um_build_template( directory, answer.users );
 
-			um_members_hide_preloader( directory );
-
 			var pagination_template = wp.template( 'um-members-pagination' );
 			directory.find('.um-members-pagination-box').html( pagination_template( answer ) );
 
 			directory.data( 'total_pages', answer.pagination.total_pages );
 
 			jQuery( document ).trigger('um_members_rendered');
+
+			um_members_hide_preloader( directory );
 		},
 		error: function( data ) {
 			console.log( data );
diff --git a/templates/members.php b/templates/members.php
index 1474ed31..3d989723 100644
--- a/templates/members.php
+++ b/templates/members.php
@@ -130,7 +130,7 @@ if( $args['must_search'] == 1 ) {
      data-hash="<?php echo esc_attr( substr( md5( $form_id ), 10, 5 ) ) ?>" data-base-post="<?php echo esc_attr( $post->ID ) ?>"
 	 data-show="<?php echo esc_attr( $after_search ); ?>"
 	 data-view_type="<?php echo esc_attr( $current_view ) ?>" data-page="<?php echo esc_attr( $current_page ) ?>">
-
+	<div class="um-members-overlay"><div class="um-ajax-loading"></div></div>
 	<div class="um-form">
 
 		<div class="um-member-directory-header <?php echo esc_attr( $classes ) ?>">
@@ -243,7 +243,7 @@ if( $args['must_search'] == 1 ) {
 		?>
 
 		<div class="um-members-wrapper">
-			<div class="um-members-overlay"><div class="um-ajax-loading"></div></div>
+
 		</div>
 		<div class="um-clear"></div>