diff --git a/public/css/default.css b/public/css/default.css
index e88e043e..450d7709 100644
--- a/public/css/default.css
+++ b/public/css/default.css
@@ -107,6 +107,7 @@ ul#nav li a:hover {
 .tiled_header {
 	background: #fff;
 	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+	border-radius: 0.5rem;
 	color: #000;
 	clear: both;
 	float: left;
@@ -248,15 +249,19 @@ ul#nav li a:hover {
 .album_title_box > a {
 	background: #fff;
 	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+	border-top-left-radius: 0.5rem;
+	border-bottom-left-radius: 0.5rem;
 	display: inline-block;
 	float: left;
 	font-size: 2em;
 	line-height: 1;
-	padding: 8px 10px 14px;
+	padding: 8px 10px;
 }
 .album_title_box > div {
 	background: #fff;
 	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
+	border-top-right-radius: 0.5rem;
+	border-bottom-right-radius: 0.5rem;
 	float: left;
 	font: inherit;
 	padding: 6px 22px;
diff --git a/templates/AlbumHeaderBox.php b/templates/AlbumHeaderBox.php
index 7dfccf17..1d82818d 100644
--- a/templates/AlbumHeaderBox.php
+++ b/templates/AlbumHeaderBox.php
@@ -25,7 +25,9 @@ class AlbumHeaderBox extends Template
 	{
 		echo '
 			<div class="album_title_box">
-				<a class="back_button" href="', $this->back_link, '" title="', $this->back_link_title, '">&larr;</a>
+				<a class="back_button" href="', $this->back_link, '" title="', $this->back_link_title, '">
+					<i class="bi bi-arrow-left"></i>
+				</a>
 				<div>
 					<h2>', $this->title, '</h2>';