diff --git a/public/css/default.css b/public/css/default.css
index b92ea4b..541f3e6 100644
--- a/public/css/default.css
+++ b/public/css/default.css
@@ -421,14 +421,6 @@ a#previous_photo:hover, a#next_photo:hover {
 	font-size: 16px;
 }
 
-#sub_photo {
-	background: #fff;
-	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-	float: left;
-	padding: 2%;
-	margin: 25px 3.5% 25px 0;
-	width: 68.5%;
-}
 #sub_photo #tag_list {
 	list-style: none;
 	margin: 1em 0;
@@ -446,15 +438,6 @@ a#previous_photo:hover, a#next_photo:hover {
 }
 
 
-#photo_exif_box {
-	background: #fff;
-	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-	margin: 25px 0 25px 0;
-	overflow: auto;
-	padding: 2%;
-	float: right;
-	width: 20%;
-}
 #photo_exif_box dt {
 	font-weight: bold;
 	float: left;
@@ -469,15 +452,6 @@ a#previous_photo:hover, a#next_photo:hover {
 	margin: 0;
 }
 
-#user_actions_box {
-	background: #fff;
-	box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
-	float: left;
-	margin: 25px 0 25px 0;
-	overflow: auto;
-	padding: 2%;
-	width: 20%;
-}
 
 /* Responsive: smartphone in portrait
 ---------------------------------------*/
diff --git a/templates/PhotoPage.php b/templates/PhotoPage.php
index dc24134..1c0bd5c 100644
--- a/templates/PhotoPage.php
+++ b/templates/PhotoPage.php
@@ -40,21 +40,27 @@ class PhotoPage extends Template
 		$this->photo();
 
 		echo '
-				<div id="sub_photo">
-					<h2 class="entry-title">', $this->photo->getTitle(), '</h2>';
+				<div class="row mt-5">
+					<div class="col-8">
+						<div id="sub_photo" class="content-box">
+							<h2 class="entry-title">', $this->photo->getTitle(), '</h2>';
 
 		$this->taggedPeople();
 		$this->linkNewTags();
 
 		echo '
-				</div>';
+						</div>
+					</div>
+					<div class="col-4">';
 
 		$this->photoMeta();
 
-		if($this->is_asset_owner)
+		if ($this->is_asset_owner)
 			$this->addUserActions();
 
 		echo '
+					</div>
+				</div>
 				<script type="text/javascript" src="', BASEURL, '/js/photonav.js"></script>';
 	}
 
@@ -94,7 +100,7 @@ class PhotoPage extends Template
 	private function photoMeta()
 	{
 		echo '
-				<div id="photo_exif_box">
+				<div id="photo_exif_box" class="content-box clearfix">
 					<h3>EXIF</h3>
 					<dl class="photo_meta">';
 
@@ -171,7 +177,9 @@ class PhotoPage extends Template
 		echo '
 				<div>
 					<h3>Link tags</h3>
-					<p style="position: relative"><input type="text" id="new_tag" placeholder="Type to link a new tag"></p>
+					<p style="position: relative">
+						<input class="form-control w-auto" type="text" id="new_tag" placeholder="Type to link a new tag">
+					</p>
 				</div>
 				<script type="text/javascript" src="', BASEURL, '/js/ajax.js"></script>
 				<script type="text/javascript" src="', BASEURL, '/js/autosuggest.js"></script>
@@ -240,7 +248,7 @@ class PhotoPage extends Template
 	public function addUserActions()
 	{
 		echo '
-				<div id=user_actions_box>
+				<div id="user_actions_box" class="content-box">
 					<h3>Actions</h3>
 					<a class="btn btn-danger" href="', BASEURL, '/', $this->photo->getSlug(), '?confirm_delete">Delete</a>
 				</div>';