'Previous' and 'Next' links suddenly meshed together

My ‘Previous’ and ‘Next’ links are normally stacked on top of each other on the right side of my single post pages. But all of a sudden they’re both smushed together on the top line (see example here). I didn’t change any code so I don’t know why it did that without warning.

This is the current code in my css.style (child theme) that relates to the single page navigation:

/* Singular navigation */
#nav-single {
	float: right;
	position: relative;
	top: -0.3em;
	text-align: right;
	z-index: 1;
}
#nav-single .nav-previous,
#nav-single .nav-next {
	float: none;
	width: auto;
}
#nav-single .nav-next {
	padding-left: 0em;
}

Any idea what values I can adjust so that the links are on separate lines? They were stacked on the right side before and I’d like to get that back again.

Thanks for any help!!