diff --git a/public/css/default.css b/public/css/default.css
index 541f3e65..e88e043e 100644
--- a/public/css/default.css
+++ b/public/css/default.css
@@ -401,17 +401,15 @@ a#previous_photo:hover, a#next_photo:hover {
 	color: #000;
 }
 #previous_photo {
+	border-top-right-radius: 0.5rem;
+	border-bottom-right-radius: 0.5rem;
 	left: 0;
 }
-#previous_photo:before {
-	content: '←';
-}
 #next_photo {
+	border-top-left-radius: 0.5rem;
+	border-bottom-left-radius: 0.5rem;
 	right: 0;
 }
-#next_photo:before {
-	content: '→';
-}
 
 #sub_photo h2, #sub_photo h3, #photo_exif_box h3, #user_actions_box h3 {
 	font: 600 20px/30px "Open Sans", sans-serif;
diff --git a/templates/PhotoPage.php b/templates/PhotoPage.php
index 1c0bd5c1..772a4f99 100644
--- a/templates/PhotoPage.php
+++ b/templates/PhotoPage.php
@@ -84,17 +84,17 @@ class PhotoPage extends Template
 	{
 		if ($this->previous_photo_url)
 			echo '
-				<a href="', $this->previous_photo_url, '" id="previous_photo"><em>Previous photo</em></a>';
+				<a href="', $this->previous_photo_url, '" id="previous_photo"><i class="bi bi-arrow-left"></i></a>';
 		else
 			echo '
-				<span id="previous_photo"><em>Previous photo</em></span>';
+				<span id="previous_photo"><i class="bi bi-arrow-left"></i></span>';
 
 		if ($this->next_photo_url)
 			echo '
-				<a href="', $this->next_photo_url, '" id="next_photo"><em>Next photo</em></a>';
+				<a href="', $this->next_photo_url, '" id="next_photo"><i class="bi bi-arrow-right"></i></a>';
 		else
 			echo '
-				<span id="next_photo"><em>Next photo</em></span>';
+				<span id="next_photo"><i class="bi bi-arrow-right"></i></span>';
 	}
 
 	private function photoMeta()