@import '~design-system/scss/config/';

.contacts-widget {
	.dropdown-content {
		min-height: 550px;
		overflow: hidden;
		min-width: 500px;
		@include respond-to($breakpoint-small) {
			min-width: 100%;
		}
	}
	&-search-container,
	&-toolbar,
	.item-container {
		padding-left: em(24);
		padding-right: em(24);
	}
	&-tabs {
		padding-top: em(24);
		margin-left: em(24);
		margin-right: em(24);
	}
	.ReactVirtualized__Grid__innerScrollContainer {
		border: 0;
	}
	@include respond-to($breakpoint-small) {
		&.dropdown {
			padding-left: 5%;
			padding-right: 5%;
		}
	}
	.tabs {
		height: 100%;
	}
	.tabs-tabcontent {
		height: 100%;
	}
}

@import '~design-system/scss/config/';

.contacts-widget {
	.dropdown-content {
		min-height: 550px;
		overflow: hidden;
		min-width: 500px;
		@include respond-to($breakpoint-small) {
			min-width: 100%;
		}
	}
	&-search-container,
	&-toolbar,
	.item-container {
		padding-left: em(24);
		padding-right: em(24);
	}
	&-tabs {
		padding-top: em(12);
		margin-left: em(24);
		margin-right: em(24);
	}
	.ReactVirtualized__Grid__innerScrollContainer {
		border: 0;
	}
	@include respond-to($breakpoint-small) {
		&.dropdown {
			padding-left: 5%;
			padding-right: 5%;
		}
	}
	.tabs {
		height: 100%;
	}
	.tabs-tabcontent {
		height: 100%;
	}
}

Reduce contacts widget top margin
[Hotfix] Reduce contacts widget top margin
