diff --git a/modules/xerte/parent_templates/Nottingham/models_html5/adaptiveContent.css b/modules/xerte/parent_templates/Nottingham/models_html5/adaptiveContent.css
index 736d33c08..ecdcfff8b 100644
--- a/modules/xerte/parent_templates/Nottingham/models_html5/adaptiveContent.css
+++ b/modules/xerte/parent_templates/Nottingham/models_html5/adaptiveContent.css
@@ -175,12 +175,8 @@ li.select-interaction.selected {
 
 /* Style the button that is used to open and close the collapsible content */
 .collapsible {
-  background-color: #1491BB;
-  color: #ffffff;
-  /*
-  background-color: #e3dbdb;
+  background-color: #f8f8f8;
   color: #444;
-  */
   cursor: pointer;
   padding: 18px;
   width: 100%;
@@ -194,12 +190,8 @@ li.select-interaction.selected {
 }
 
 .feedback {
-  background-color: #1491BB;
-  color: #ffffff;
-  /*
-  background-color: #e3dbdb;
+  background-color: #cccccc;
   color: #444;
-  */
   padding: 18px;
   width: 100%;
   border: none;
@@ -210,10 +202,7 @@ li.select-interaction.selected {
 
 /* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
 .active, .collapsible:hover {
-  /*
   background-color: #ccc;
-   */
-  background-color: #0c6985;
 }
 
 /* Style the collapsible content. Note: hidden by default */
@@ -226,18 +215,13 @@ li.select-interaction.selected {
 }
 
 .collapsible:after {
-  /*
-  content: '\02795';
-   */
   content: "\02B";
   font-size: 22px;
-  color: white;
   float: right;
   margin-left: 5px;
 }
 
 .active:after {
-  /* content: "\2796"; /* Unicode character for "minus" sign (-) */
   content: "\02212";
   font-size: 22px;
 }