ワードプレスのCSSレイアウトについて

ボールドテキスト### 前提・実現したいこと

Wordpressにてsidebar.phpからで「最近よく読まれている記事」を出力しました。※画像添付します
なぜかその部分だけデザインがおかしくなる（①上下の検索ウィジェットとの隙間が広がる、②青い線が白抜きになる）
という事象が発生しています。
CSSでレイアウト調整をしようと試みているのですが、どこをいじっていいのかさっぱりわからず手が止まってしまいました。

・他の検索バー、アーカイブと隙間の間隔を同じにしたい（「最近よく読まれている記事」のみ間隔が微妙に広い）
・「なぜ」一部分だけおかしくなるのか（CSSだと全体の装飾をいじるイメージがあります）
・sidebarから下記コードで「最近よく読まれている記事」を出力してからおかしくなったので、それが原因なのか

※画像追記します

発生している問題・エラーメッセージ

①検索ウィジェットとの隙間が大きくなった

②新たに出力した「最近よく読まれている記事」のデザインにある、青い線が白抜きの線になった（サイト中の他同じデザイン部分は正常）

おかしい方

正常

該当のソースコード

<div class="col-xs-12 popular text-center">
<h4>よく読まれている記事</h4>
<hr>
<?php
setPostViews(get_the_ID());
query_posts('meta_key=post_views_count&orderby=meta_value_num&posts_per_page=5&order=DESC');
while(have_posts()) : the_post();
$thumb = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail_size' );
if ( !empty($thumb['0']) ) {
$url = $thumb['0'];
} else {
$url = get_template_directory_uri() . "/images/no-image.png";
}
?>

<!-- サムネイルの表示 -->
<div itemscope itemtype='schema.org/ImageObject' class="thumbnail">
<a style="background-image:url(<?=$url?>);" href="<?php the_permalink(); ?>" title="<?php the_title(); ?>" itemprop="url" class="thumbnail-img"></a>
</div>

<!-- タイトル表示 -->
<h5 class="title" itemprop="name headline">
<a href="<?php the_permalink(); ?>" title="<?php printf(the_title_attribute('echo=0') ); ?>" itemprop="url"><?php the_title(); ?></a>
</h5>
<?php endwhile; ?>

</div>

試したこと

１、デベロッパーツールから同様のテーマを利用している人のCSSを覗き見しましたが、変化に気づけません。
２、自身のサイトでもデベロッパーツールからCSSを確認し、いじれそうな部分は確認してみましたが、「どこ」をいじっていいのかわからない状態です。

補足情報（FW/ツールのバージョンなど）

CHERRY

2019/05/02 12:56 編集

実際の URL が、Webブラウザで確認できるとデベロッパーツールで一目でわかるので早いのですが、URL を公開するのは難しいと思うので、Web ブラウザで表示されている HTML と CSS も質問に記載していただけないでしょうか？

aroe3721

2019/05/02 13:04

素早いお返事ありがとうございます。どこの部分を撮っていいのかというレベルで大変申し訳ないんですが、撮れるだけSSを追加してみました。よろしくお願いします。

m.ts10806

2019/05/02 13:08

>初心者ですみません。初心者アイコンをつけてください。質問要件以外は含む必要がないと思います（ノイズと感じる回答者もいます）コードはマークダウンのcode機能を利用してご提示ください。 https://teratail.com/help#about-markdown 「WordPress」のタグを追加してください。

m.ts10806

2019/05/02 21:11 編集

「WordPress」のタグを追加してください。「PHP」そのものよりも「WordPress」自体の知識技術を求められる場面のほうが圧倒的に多いです。（私はPHPでやってきていますが、WordPressタグをMyタグに登録していません）