diff --git a/view/css/widgets.css b/view/css/widgets.css
index c6eea1f41..6cd61ae6f 100644
--- a/view/css/widgets.css
+++ b/view/css/widgets.css
@@ -143,18 +143,14 @@ li:hover .group-edit-icon {
 	bottom: 0px;
 	left: 0px;
 	width: 100%;
-	padding: 15px;
+	padding: 1rem;
+}
+
+#cover-photo-caption h1,
+#cover-photo-caption h3 {
 	color: #fff;
 	font-weight: bold;
-	text-shadow: 1px 1px 3px rgba(0,0,0,.7);
-}
-
-.cover-photo-title {
-	font-size: 30px;
-}
-
-.cover-photo-subtitle {
-	font-size: 20px;
+	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
 }
 
 a.wikilist {
diff --git a/view/theme/redbasic/css/style.css b/view/theme/redbasic/css/style.css
index 29242db27..f96bd8dda 100644
--- a/view/theme/redbasic/css/style.css
+++ b/view/theme/redbasic/css/style.css
@@ -196,7 +196,7 @@ nav {
 	width: 100%;
 	max-height: 50%;
 	background: $comment_item_colour;
-	padding: 20px;
+	padding: 1rem;
 	border-bottom: #ccc 1px solid;
 	overflow: auto;
 	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
diff --git a/view/tpl/cover_photo_widget.tpl b/view/tpl/cover_photo_widget.tpl
index 806866212..a9c384d2f 100755
--- a/view/tpl/cover_photo_widget.tpl
+++ b/view/tpl/cover_photo_widget.tpl
@@ -70,11 +70,7 @@
 <div id="cover-photo" title="{{$hovertitle}}">
 	{{$photo_html}}
 	<div id="cover-photo-caption">
-		<div class="cover-photo-title">
-			{{$title}}
-		</div>
-		<div class="cover-photo-subtitle">
-			{{$subtitle}}
-		</div>
+		<h1>{{$title}}</h1>
+		<h3>{{$subtitle}}</h3>
 	</div>
 </div>