diff --git a/src/main/webapp/css/app.css b/src/main/webapp/css/app.css
index e8b2d188..33a28361 100644
--- a/src/main/webapp/css/app.css
+++ b/src/main/webapp/css/app.css
@@ -71,7 +71,6 @@
 }
 
 .css-treeview .fldr {
-	background: url("../images/tree_icons.png") no-repeat;
 	cursor: pointer;
 	display: inline-block;
 	width: 14px;
@@ -81,14 +80,6 @@
 	margin-top: 1px;
 }
 
-.css-treeview .fldr-open {
-	background-position: 0 -16px;
-}
-
-.css-treeview .fldr-closed {
-	background-position: 0 -32px;
-}
-
 .css-treeview .error {
 	color: red;
 	font-style: italic;
diff --git a/src/main/webapp/directives/category.html b/src/main/webapp/directives/category.html
index 65ab5c01..a32405da 100644
--- a/src/main/webapp/directives/category.html
+++ b/src/main/webapp/directives/category.html
@@ -13,9 +13,10 @@
 				</li>
 			</ul>
 		</div>
-		<span class="fldr" ng-class="{'fldr-closed': !node.expanded, 'fldr-open': node.expanded}" ng-click="toggleCategory(node)"></span>
+		<span class="fldr" ng-class="{'fldr-closed': !node.expanded, 'fldr-open': node.expanded}" ng-click="toggleCategory(node)">
+			<i ng-class="{'icon-caret-right': !node.expanded, 'icon-caret-down': node.expanded}"></i>
+		</span>
 		<span ng-click="categoryClick({id: node.id})">
-			<span class="fldr"></span>
 			<span ng-class="{selected: (node.id == selectedId && selectedType == 'category'), unread: unreadCount({category:node})}">{{formatCategoryName({category:node})}}
 			</span>
 		</span>
diff --git a/src/main/webapp/images/tree_icons.png b/src/main/webapp/images/tree_icons.png
deleted file mode 100644
index 924cd5b3..00000000
Binary files a/src/main/webapp/images/tree_icons.png and /dev/null differ