style.scss

.page-templates-preview-field {
	display: flex;
	flex-direction: column;
	height: 100%;
	border-radius: 3px 3px 0 0;

	.page-templates-preview-field__button {
		box-shadow: none;
		border: none;
		padding: 0;
		background-color: unset;
		box-sizing: border-box;
		cursor: pointer;
		overflow: hidden;
		height: 100%;
		border-radius: 3px;

		&:focus-visible {
			box-shadow: 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
			// Windows High Contrast mode will show this outline, but not the box-shadow.
			outline: 2px solid transparent;
		}
	}

	&.is-viewtype-list {
		.block-editor-block-preview__container {
			height: 120px;
		}
	}

	&.is-viewtype-grid {
		.block-editor-block-preview__container {
			height: auto;
		}

		.page-templates-preview-field__button {
			border-radius: 3px 3px 0 0;
		}
	}

	&.is-viewtype-table {
		border-radius: $radius-block-ui;
		position: relative;

		&::after {
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
			border-radius: $radius-block-ui;
		}
	}
}

.page-templates-description {
	white-space: normal;
}

.edit-site-page-template-template-parts-dataviews {
	.dataviews-pagination {
		z-index: z-index(".edit-site-templates__dataviews-list-pagination");
	}
}