.search-sidebar {
	@include card;

	position: sticky;
	top: $page-edge-padding;

	flex: 1;
	padding: 0.5rem;

	display: flex;
	flex-flow: column nowrap;
	overflow-y: scroll;

	.search-box {
		width: 100%;
		box-sizing: inherit;

		margin-bottom: 0.5rem;
	}

	.course-list {
		@include list-unstyled;
	}

	.course-group {
		font-weight: bold;
		text-align: center;
		display: block;

		margin-top: 1rem;
		margin-bottom: 0.5rem;
	}
}

.close-sidebar {
	@include button--flat;
	min-height: 0;
	padding: 0.5em 0.75em;

	color: color('gray');
	transition: 0.15s;

	&::after {
		@include ionicon($ionicon-close);
	}
}

.sidebar-heading {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 0.5em;

	h1 {
		flex: 1;
		text-align: center;
		font-size: 1.25em;
		margin: 0;
		font-feature-settings: 'smcp';
	}
}

.search-sidebar {
	@include card;

	position: sticky;
	top: $page-edge-padding;

	flex: 1;
	padding: 0.5rem;

	display: flex;
	flex-flow: column nowrap;
	overflow-y: scroll;

	.search-box {
		width: 100%;
		box-sizing: inherit;

		margin-bottom: 0.5rem;
	}

	.course-list {
		@include list-unstyled;
	}

	.course-group {
		font-weight: bold;
		text-align: center;
		display: block;

		margin-top: 1rem;
		margin-bottom: 0.5rem;
	}
}

.close-sidebar {
	@include button--flat;
	min-height: 0;
	padding: 0.5em 0.8em;

	color: color('gray');
	transition: 0.15s;

	&::after {
		@include ionicon($ionicon-close);
	}
}

.sidebar-heading {
	display: flex;
	flex-flow: row nowrap;
	align-items: baseline;
	justify-content: space-between;
	margin-bottom: 0.5em;

	h1 {
		flex: 1;
		text-align: center;
		font-size: 1.25em;
		margin: 0;
		font-feature-settings: 'smcp';
	}
}

Tweak search close button's padding
Tweak search close button's padding
