Index: lams_central/web/css/components.css
===================================================================
diff -u -r023e019feae586433ba4b9086294aab7a424d1f9 -rc9082cb1277cf7c0199ee4edb7d02f1358d037cd
--- lams_central/web/css/components.css	(.../components.css)	(revision 023e019feae586433ba4b9086294aab7a424d1f9)
+++ lams_central/web/css/components.css	(.../components.css)	(revision c9082cb1277cf7c0199ee4edb7d02f1358d037cd)
@@ -522,4 +522,16 @@
 
 .dropdown-menu {
 	margin-top: .75rem;
+}
+
+.collapsable-icon-left:after {
+	font-family: FontAwesome;
+	content: "\f078";
+	float: left;
+	color: #6c757d;
+	margin-right: .5rem;
+}
+
+.collapsable-icon-left.collapsed:after {
+	content: "\f054";
 }
\ No newline at end of file
Index: lams_tool_assessment/web/pages/authoring/questions5.jsp
===================================================================
diff -u -r4a6c5131cf0a180ff16e5e6d0a57e68583c004eb -rc9082cb1277cf7c0199ee4edb7d02f1358d037cd
--- lams_tool_assessment/web/pages/authoring/questions5.jsp	(.../questions5.jsp)	(revision 4a6c5131cf0a180ff16e5e6d0a57e68583c004eb)
+++ lams_tool_assessment/web/pages/authoring/questions5.jsp	(.../questions5.jsp)	(revision c9082cb1277cf7c0199ee4edb7d02f1358d037cd)
@@ -1,14 +1,6 @@
 <%@ include file="/common/taglibs.jsp"%>
 
 <style>
-	#question-bank-div {
-		margin-top: 75px;
-	}
-    
-	#question-bank-heading a {
-		color:#333
-	}
-	
 	#referencesTable thead {
 		background-color: #f5f5f5;
 	}
@@ -218,19 +210,13 @@
 		</ul>
 		
 		<!-- Question Bank -->
-		<div class="panel-group" id="question-bank-div" role="tablist" aria-multiselectable="true"> 
-		    <div class="panel panel-default" >
-		        <div class="panel-heading collapsable-icon-left" id="question-bank-heading">
-		        	<span class="panel-title">
-				    	<a class="collapsed" role="button" data-toggle="collapse" href="#question-bank-collapse" aria-expanded="false" aria-controls="question-bank-collapse" >
-			          		<fmt:message key="label.authoring.basic.question.bank.title" />
-			        	</a>
-		      		</span>
-		        </div>
-		
-				<div id="question-bank-collapse" class="panel-body panel-collapse collapse contains-nothing" role="tabpanel" aria-labelledby="question-bank-heading">
-					<i class="fa fa-refresh fa-spin fa-2x fa-fw" style="margin: auto; display: block"></i>	
-				</div>
+	    <div class="card mt-5" >
+			<button class="card-header btn btn-block text-left collapsed collapsable-icon-left" type="button"
+					data-toggle="collapse" data-target="#question-bank-collapse" aria-expanded="false" aria-controls="question-bank-collapse">
+	       		<fmt:message key="label.authoring.basic.question.bank.title" />
+	        </button>
+			<div id="question-bank-collapse" class="card-body collapse contains-nothing" aria-labelledby="question-bank-heading">
+				<i class="fa fa-refresh fa-spin fa-2x fa-fw" style="margin: auto; display: block"></i>	
 			</div>
 		</div>
 	</c:if>