Проблема с повторением иконок fontawesome?

Суть проблемы в появлении лишней иконки. По сути на обе иконки можно нажать и они выполняют одно и тоже, но в код вставлена только одна иконка. Вторая появляется автоматически и я не могу понять из за чего.

<?php get_template_part( 'theme-parts/header/pre-header',	cspt_get_base_option('header-style') ); ?>
<div class="cspt-header-height-wrapper" style="min-height:<?php echo cspt_get_base_option('header-height'); ?>px;">
	<div class="<?php cspt_header_class(); ?> <?php cspt_header_bg_class(); ?> <?php cspt_sticky_class(); ?>">
		<div class="container">
			<div class="d-flex justify-content-between align-items-center">
				<div class="cspt-logo-menuarea">
					<div class="site-branding cspt-logo-area">
						<div class="wrap">
							<?php echo cspt_logo(); ?><!-- Logo area -->
						</div><!-- .wrap -->
					</div><!-- .site-branding -->
					<!-- Top Navigation Menu -->
					<div class="navigation-top">
						<div class="cspt-mobile-search">
							<?php cspt_header_search(); ?>
						</div>
						<button id="menu-toggle" class="nav-menu-toggle">
							<i class="cspt-base-icon-menu-1"></i>
						</button>
							<div class="wrap">
								<nav id="site-navigation" class="main-navigation cspt-navbar <?php cspt_nav_class(); ?>" aria-label="<?php esc_attr_e( 'Top Menu', 'enginir' ); ?>">
									<?php wp_nav_menu( array(
										'theme_location' => 'creativesplanet-top',
										'menu_id'        => 'cspt-top-menu',
										'menu_class'     => 'menu',
									) ); ?>
								</nav><!-- #site-navigation -->
							</div><!-- .wrap -->
					</div><!-- .navigation-top -->
				</div>
				<div class="cspt-right-box">					
					<?php cspt_header_search(); ?>					
				</div>
			</div><!-- .justify-content-between -->
		</div><!-- .container -->
	</div><!-- .cspt-header-wrapper -->
</div><!-- .cspt-header-height-wrapper -->