CSS инзменения в левом меню категорий

[Symon81]

Всем привет! Опенкарт версия 3.0.2 В общем решил немного изменить стиль левого меню и столкнулся с интересным событием. При нажатии на категорию он раздвигает рамку на 5px вниз между всеми категориями до данной рамки. В чем причина не пойму.

/* list group */
.list-group a {
	border: 1px solid #DDDDDD;
	color: #888888; 
}
.list-group a.active, .list-group a.active:hover, .list-group a:hover {
	color: #444444;
	background: #eeeeee;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;
}
.list-group-item a.active, .list-group-item a.active:hover, .list-group-item a:hover {
	color: #777777;
	background: #4444444;
	border: 1px solid #DDDDDD;
	text-shadow: 0 1px 0 #FFF;

Вот вырезка из кода CSS стиль шаблона, он 1 там. Подскажите в каком месте он делает этот margin??? 

 

Змінено 25 червня 2018 користувачем Symon81

[prived]

возможно не тут

возможно js

[Symon81]

а что js? даже в модулях магазина опенкарта с версиями 3х проблема, можно стать невротиком от их исполнения левого меню и тем более аккардионов, почему то с версиями где учавствует tpl такого нет...