diff --git a/css/style.css b/css/style.css
index 6a999022..8c8dc237 100755
--- a/css/style.css
+++ b/css/style.css
@@ -158,13 +158,18 @@
 }
 
 #odf-close{
-	margin-top:0;
+	margin-top: 0;
 	float: right;
+	height: 29px;
+	width: 29px;
 }
 
 #odf-invite{
-	margin-top:0;
+	margin-top: 0;
+	margin-left: 3px;
 	float: left;
+	background-position: 5px center;
+	padding-left: 24px;
 }
 
 #mainContainer{
diff --git a/js/documents.js b/js/documents.js
index fba8023b..932d5195 100644
--- a/js/documents.js
+++ b/js/documents.js
@@ -152,12 +152,10 @@ $.widget('oc.documentToolbar', {
 					'</div>' +
 					
 					'<span id="toolbar" class="claro">' +
-					'  <button id="odf-invite" class="drop hidden">' +
+					'  <button id="odf-invite" class="drop hidden icon-share svg">' +
 					t('documents', 'Share') +
 					'  </button>' +
-					'  <button id="odf-close">' +
-					t('documents', 'Close') +
-					'  </button>' +
+					'  <button id="odf-close" class="icon-close svg"></button>' +
 					'  <img id="saving-document" alt=""' +
 					'    src="' + OC.imagePath('core', 'loading.gif') + '"' +
 					'  />' +