html: se muestra un borde innecesario cuando se hace clic en el área de contenido en el tema debajo de la correa

Estoy desarrollando un tema de wordpress usando Understrap, usando el tema hijo de customtrap de livecanvas. Utiliza Bootstrap 4.

Desarrollé mi tema, pero hay un borde innecesario cuando hice clic en el área de contenido del tema. Revisé el código en el navegador usando inspecciones pero no pude encontrar el código que causó este problema.

aquí está el repositorio debajo de la correa: https://github.com/understrap/understrap

y mi página.php

<?php
/**
 * The template for displaying all pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages
 * and that other 'pages' on your WordPress site will use a
 * different template.
 *
 * @package understrap
 */

// Exit if accessed directly.
defined( 'ABSPATH' ) || exit;

get_header();

$container = get_theme_mod( 'understrap_container_type' );

?>

<div class="wrapper" id="page-wrapper">

    <div class="<?php echo esc_attr( $container ); ?>" id="content" tabindex="-1">

        <div class="row">

            <!-- Do the left sidebar check -->
            <?php get_template_part( 'global-templates/left-sidebar-check' ); ?>

            <main class="site-main" id="main">

                <?php
                while ( have_posts() ) {
                    the_post();
                    get_template_part( 'loop-templates/content', 'page' );


                }
                ?>

            </main><!-- #main -->

            <!-- Do the right sidebar check -->
            <?php get_template_part( 'global-templates/right-sidebar-check' ); ?>

        </div><!-- .row -->

    </div><!-- #content -->

</div><!-- #page-wrapper -->

<?php
get_footer();

¿Qué selector necesito usar para evitar este problema?

Aquí está la imagen de este ser como:

1- La primera imagen es la predeterminada

2- 2da imagen Cuando hice clic en el área de contenido

Cuando hice clic en el área de contenido