diff --git a/css/multiview.css b/css/multiview.css
index 0bd62a46..5d85ce35 100644
--- a/css/multiview.css
+++ b/css/multiview.css
@@ -195,22 +195,30 @@
   padding: 0;
 }
 
-.recline-fields-view .fields-list .accordion-heading,
-.recline-fields-view .fields-list h3
-{
-  margin: 3px 0 3px 5px;
+.recline-fields-view .panel {
+  background-color: #f5f5f5;
+  border: 1px solid #e5e5e5;
 }
 
-.recline-fields-view .fields-list .accordion-heading a,
-.recline-fields-view .fields-list .accordion-heading h4 {
+.recline-fields-view .panel-group h3 {
+  padding-left: 10px;
+}
+
+.recline-fields-view .fields-list .panel-heading {
+  padding: 2px 5px;
+  margin: 1px 0px 1px 5px;
+}
+
+.recline-fields-view .panel a,
+.recline-fields-view .panel h4 {
   display: inline;
 }
 
-.recline-fields-view .fields-list .accordion-heading a {
+.recline-fields-view .panel a {
   padding: 0;
 }
 
-.recline-fields-view .fields-list .accordion-heading h4 {
+.recline-fields-view .panel h4 {
   word-wrap: break-word
 }
 
diff --git a/src/widget.fields.js b/src/widget.fields.js
index aba67557..20e347f6 100644
--- a/src/widget.fields.js
+++ b/src/widget.fields.js
@@ -25,12 +25,12 @@ this.recline.View = this.recline.View || {};
 my.Fields = Backbone.View.extend({
   className: 'recline-fields-view', 
   template: ' \
-    <div class="accordion fields-list well"> \
+    <div class="panel-group fields-list well"> \
     <h3>Fields <a href="#" class="js-show-hide">+</a></h3> \
     {{#fields}} \
-      <div class="accordion-group field"> \
-        <div class="accordion-heading"> \
-          <i class="icon-file"></i> \
+      <div class="panel panel-default field"> \
+        <div class="panel-heading"> \
+          <i class="glyphicon glyphicon-file"></i> \
           <h4> \
             {{label}} \
             <small> \
@@ -39,8 +39,8 @@ my.Fields = Backbone.View.extend({
             </small> \
           </h4> \
         </div> \
-        <div id="collapse{{id}}" class="accordion-body collapse"> \
-          <div class="accordion-inner"> \
+        <div id="collapse{{id}}" class="panel-collapse collapse"> \
+          <div class="panel-body"> \
             {{#facets}} \
             <div class="facet-summary" data-facet="{{id}}"> \
               <ul class="facet-items"> \