diff --git a/samples/gadgets-sample/gadgets/src/main/webapp/gadgets/FavoriteDocument/FavoriteDocument.xml b/samples/gadgets-sample/gadgets/src/main/webapp/gadgets/FavoriteDocument/FavoriteDocument.xml
index d44a2190ba..31c4f6de3d 100644
--- a/samples/gadgets-sample/gadgets/src/main/webapp/gadgets/FavoriteDocument/FavoriteDocument.xml
+++ b/samples/gadgets-sample/gadgets/src/main/webapp/gadgets/FavoriteDocument/FavoriteDocument.xml
@@ -33,33 +33,6 @@
     <link type="text/css" rel="stylesheet" href="/eXoDMSResources/skin/DefaultSkin/Stylesheet-lt.css" />
     <link rel="stylesheet" type="text/css" href="/eXoResources/skin/bootstrap/css/bootstrap.css" />
     <link rel="stylesheet" type="text/css" href="/eXoResources/skin/css/Core.css" />
-    <style type="text/css">
-                
-          .UIGadgetThemes.favoriteDoc .icon {
-            margin: 8px 10px 0 0;
-            padding-left: 0;
-          }
-          
-          .favoriteDoc .fileDesc { 
-          	overflow: hidden;
-		    text-overflow: ellipsis;
-		    white-space: nowrap;
-		    width: 85%;
-		  }
-		    
-	      .favoriteDoc .fileDesc a {
-	         color: #333;
-	      }
-          
-          .favoriteDoc .fileDesc a:hover {
-            color: #2f5e92;
-          }
-          
-          .favoriteDoc .fileDesc p {
-            color: #808080;
-            font-size: 12px;
-          }
-    </style> 
   <script type="text/javascript">
    
 var prefixUrl = location.protocol + '//' + location.hostname;
diff --git a/samples/gadgets-sample/gadgets/src/main/webapp/skin/less/FavoriteDocument.less b/samples/gadgets-sample/gadgets/src/main/webapp/skin/less/FavoriteDocument.less
index 9f11b5214b..b079089d43 100644
--- a/samples/gadgets-sample/gadgets/src/main/webapp/skin/less/FavoriteDocument.less
+++ b/samples/gadgets-sample/gadgets/src/main/webapp/skin/less/FavoriteDocument.less
@@ -28,3 +28,45 @@
   text-decoration: none;
 }
 
+.UIGadgetThemes.favoriteDoc .icon {
+  margin: 2px 10px 0 0;
+  padding-left: 0;
+}
+
+.favoriteDoc .docItem + .docItem {
+  margin-top: 15px;
+}
+
+.favoriteDoc .fileDesc { 
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  width: 85%;
+}
+
+.favoriteDoc .fileDesc a {
+  color: #333;
+  line-height: 16px;
+}
+
+.favoriteDoc .fileDesc a .fileExtension {
+  color: #999;
+  font-size: 12px;
+  font-weight: normal;
+  margin-left: 3px;
+}
+
+.favoriteDoc .fileDesc a:hover {
+  color: #2f5e92;
+}
+
+.favoriteDoc .fileDesc a:hover .fileExtension {
+  color: #2f5e92;
+}
+
+.favoriteDoc .fileDesc p {
+  color: #999999;
+  font-size: 12px;
+  line-height: 16px;
+  margin-bottom: 0;
+}
\ No newline at end of file