diff --git a/client/cat3/src/partials/global.scss b/client/cat3/src/partials/global.scss
index ae90d53f0..7f0e078a3 100644
--- a/client/cat3/src/partials/global.scss
+++ b/client/cat3/src/partials/global.scss
@@ -90,7 +90,7 @@ $imagePath : "../../../../../../cat3/images";
 #section-name {
     font-size: 14px;
     font-weight: bold;
-    padding: 10px 0;
+    padding: 0;
 
     .menu-icon {
         float: left;
@@ -115,7 +115,6 @@ $imagePath : "../../../../../../cat3/images";
     #breadcrumb-nav {
         ul {
             margin: 0px;
-            padding: 10px 0;
             li {
                 list-style: none;
                 display: inline;
@@ -649,7 +648,7 @@ option.script {
     background: #fcfcfc;
     border-bottom-width: 1px;
     @include theme-border-color;
-    min-height: 40px !important;
+    height: 40px;
     padding: 5px 15px;
     position:relative;
     z-index:3;
diff --git a/client/cat3/src/partials/sections/dashboard/design/aDesignCtrl.js b/client/cat3/src/partials/sections/dashboard/design/aDesignCtrl.js
index faeab2b81..9f0d7008b 100644
--- a/client/cat3/src/partials/sections/dashboard/design/aDesignCtrl.js
+++ b/client/cat3/src/partials/sections/dashboard/design/aDesignCtrl.js
@@ -68,6 +68,7 @@
 		}])
 	.controller('designCtrl',['$scope','$rootScope','$state','genericServices', function ($scope,$rootScope,$state,genericServices) {
 		var design= this;
+		$scope.isTreeOpen = false;
 		$rootScope.state = $state;
 		design.providersList= function () {
 			var params = {
diff --git a/client/cat3/src/partials/sections/dashboard/design/design.html b/client/cat3/src/partials/sections/dashboard/design/design.html
index f04f89aed..5a29c5f4f 100644
--- a/client/cat3/src/partials/sections/dashboard/design/design.html
+++ b/client/cat3/src/partials/sections/dashboard/design/design.html
@@ -8,11 +8,11 @@
 				<div id='navigPage-inner'>
 					<div id="treeParent">
 						<ul class="tree-ul">
-							<li  ng-repeat="provider in desCtrl.providersMenu">
+							<li ng-repeat="provider in desCtrl.providersMenu">
 								<div class="liContents">
 									<i class="icon fa fa-building label-spacing"></i>
-									<span>{{provider.name}}</span>
-									<div data-ng-hide="node.collapsed" data-tree-id="relevancelab" data-analytics-tree-model="node.nodes" data-node-id="rowid" data-node-label="text" data-node-children="nodes">
+									<span class="cursor" ng-click="isTreeOpen = !isTreeOpen">{{provider.name}}</span>
+									<div ng-class="{'show-providers':isTreeOpen === true}" data-ng-hide="node.collapsed" data-tree-id="relevancelab" data-analytics-tree-model="node.nodes" data-node-id="rowid" data-node-label="text" data-node-children="nodes">
 										<ul class="tree-ul">
 											<li ng-repeat='tempType in desCtrl.templateTypes | inArray:provider.filterArray:"templatetype"' ui-sref="dashboard.design.list({providerName:provider.name,templateObj:tempType,view:'list'})" class="pointer-cursor" >
 												<div class="liContents">
@@ -81,4 +81,4 @@
 			<div ui-view></div>
 		</div>
 	</div>
-</div>
+</div>
\ No newline at end of file
diff --git a/client/cat3/src/partials/sections/dashboard/design/design.scss b/client/cat3/src/partials/sections/dashboard/design/design.scss
index 851e7accd..38af628b7 100755
--- a/client/cat3/src/partials/sections/dashboard/design/design.scss
+++ b/client/cat3/src/partials/sections/dashboard/design/design.scss
@@ -418,4 +418,7 @@ ul.simple-list > li::after {
     padding-left: 0px;
     text-overflow: ellipsis;
     white-space: nowrap;
+}
+.show-providers {
+    display: none;
 }
\ No newline at end of file