diff --git a/apps/files/css/detailsView.css b/apps/files/css/detailsView.css
index 78d3357fbd0d00c059238d9c3f9d9d4f24b82675..76629cb790f33d6c978fac8fc789b38f9447f86a 100644
--- a/apps/files/css/detailsView.css
+++ b/apps/files/css/detailsView.css
@@ -1,5 +1,5 @@
 #app-sidebar .detailFileInfoContainer {
-	min-height: 60px;
+	min-height: 50px;
 	padding: 15px;
 }
 
@@ -26,9 +26,19 @@
 }
 
 #app-sidebar .fileName {
-	font-weight: bold;
-	font-size: 17px;
-	overflow: hidden;
+	font-size: 16px;
+	padding-top: 3px;
+}
+
+#app-sidebar .file-details {
+	margin-top: 3px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	opacity: .5;
+}
+#app-sidebar .action-favorite {
+	vertical-align: text-bottom;
+	padding: 10px;
+	margin: -10px;
 }
 
 #app-sidebar .detailList {
@@ -39,6 +49,7 @@
 	position: absolute;
 	top: 0;
 	right: 0;
-	margin: 15px;
+	padding: 15px;
+	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
+	opacity: .5;
 }
-
diff --git a/apps/files/js/mainfileinfodetailview.js b/apps/files/js/mainfileinfodetailview.js
index 245653d8e1e7d4edffb3e5aee6b146b5f465324c..5beb9430d1e9e94dd46c633872dbf37ead637c11 100644
--- a/apps/files/js/mainfileinfodetailview.js
+++ b/apps/files/js/mainfileinfodetailview.js
@@ -11,7 +11,7 @@
 (function() {
 	var TEMPLATE =
 		'<div class="thumbnail"></div><div title="{{name}}" class="fileName ellipsis">{{name}}</div>' +
-		'<div class="ellipsis">' +
+		'<div class="file-details ellipsis">' +
 		'    <a href="#" ' +
 		'    alt="{{starAltText}}"' +
 		'    class="action action-favorite favorite">' +
@@ -96,4 +96,3 @@
 
 	OCA.Files.MainFileInfoDetailView = MainFileInfoDetailView;
 })();
-