diff --git a/productMods/templates/freemarker/body/individual/individual--foaf-person.ftl b/productMods/templates/freemarker/body/individual/individual--foaf-person.ftl
index 51cc3de1..7021a27a 100644
--- a/productMods/templates/freemarker/body/individual/individual--foaf-person.ftl
+++ b/productMods/templates/freemarker/body/individual/individual--foaf-person.ftl
@@ -104,16 +104,18 @@
 		<#-- VIVO OpenSocial Extension by UCSF -->
 		<#if openSocial??>
 			<#if openSocial.visible>
-				<#-- It would likely make sense to remove the #if logic as it is safe and -->
-				<#-- arguably better to just have both divs in all conditions -->
-				<#if editable>								  
-	            	<div id="gadgets-edit" class="gadgets-gadget-parent"></div>
-	            <#else>
-	            	<div id="gadgets-view" class="gadgets-gadget-parent"></div>
-	            </#if>	            	
+			    <div id="openSocial">
+			        <h2>OpenSocial</h2>
+				    <#-- It would likely make sense to remove the #if logic as it is safe and -->
+				    <#-- arguably better to just have both divs in all conditions -->
+				    <#if editable>								  
+	            	    <div id="gadgets-edit" class="gadgets-gadget-parent"></div>
+	                <#else>
+	            	    <div id="gadgets-view" class="gadgets-gadget-parent" ></div>
+	                </#if>
+	            </div>
             </#if>	
-		</#if>	
-           
+		</#if>
     </section>
     
 </section>
diff --git a/themes/wilma/css/openSocial/gadgets.css b/themes/wilma/css/openSocial/gadgets.css
index 151b446b..965d09b4 100644
--- a/themes/wilma/css/openSocial/gadgets.css
+++ b/themes/wilma/css/openSocial/gadgets.css
@@ -19,9 +19,9 @@
  
 .gadgets-gadget-chrome {
   float: left;
-  margin: 4px 6px 4px 0;
-  border: 1px solid #7aa5d6;
-  border: 1px solid #CCC; 
+  margin: 4px 6px 4px 12px; /* changed the left value from 0 tlw72*/
+  border: 1px solid #CCC;
+  border: 1px solid #dfebe5; /*#7aa5d6;*/
 }
 .col2 .gadgets-gadget-chrome { 
   margin-left: 9px;
@@ -31,23 +31,27 @@
 {
   width: 100%;
   border: none;
+  background-color:#fff; /*tlw72*/
 }
 
 .gadgets-gadget-title-bar {
   padding: 4px 4px 2px;
-  background-color: #e5ecf9;
   background-color: #EEEBE5;
+  background-color: #f1f2ee; /* #e5ecf9; */
 }
-.gadgets-gadget-title-bar:hover { background-color: #e7e3db; } 
+/*.gadgets-gadget-title-bar:hover { background-color: #e7e3db; } */
 .gadgets-gadget-title-bar img,
 .gadgets-gadget-title-button {
   vertical-align: top;
 }
 
+/* title bar */
 .gadgets-gadget-title a, .gadgets-gadget-title a:hover {
-  font-weight: bold;
-  font-size: 14px;
-  color: #CA7C29;
+ /* font-weight: bold; */
+  font-size: 16px; /*14px*/
+  color: #2485AE; /*#CA7C29*/
+  padding-left:8px; /*tlw72*/
+  text-decoration: none; /*tlw72*/
 }
 .EditBody .gadgets-gadget-title a {
   color:#3B6394;
@@ -77,8 +81,9 @@
 .gadgets-gadget-title-button img {
   border: 2px solid #4F5CC7;
   border: none;           
-  float: right;                           
-  margin-right: 2px; 
+  float: left; /*right*/                           
+  margin-left: 2px; /*margin-right*/
+  margin-top:6px; /*tlw72*/
 } 
 .EditBody .gadgets-gadget-title-button img {
   float: left;