diff --git a/amd/build/header.js b/amd/build/header.js
index 17658a04afce349d60e4fab87d585d34060ddc5e..0d34f75a88bf66d97c298fd2079769862d62006b 100644
--- a/amd/build/header.js
+++ b/amd/build/header.js
@@ -27,29 +27,38 @@ define(['jquery', 'core/ajax', 'core/str'],
        	return{
        		
        		registerHeader:function(){
-	    		$("#button-collapse").click(function(){
-	    			if($("#summary-wrapper").hasClass('collapsed')){
-	    				$("#summary-wrapper").animate({ "max-height": '13rem' }, "slow" );
-	    				var message=str.get_string('displayInfos', 'format_iena');
-		    			$.when(message).done(function(localizedEditString) {
-						    $("#button-collapse").text(localizedEditString);
-						});	
+                var heightWrapper= $("#summary-wrapper").css("height");
+                console.log(heightWrapper);
+                if(parseInt(heightWrapper, 10) >= 144){
+                    $("#button-collapse").click(function(){
+                    if($("#summary-wrapper").hasClass('collapsed')){
+                        $("#summary-wrapper").animate({ "max-height": '144px' }, "slow" );
+                        var message=str.get_string('displayInfos', 'format_iena');
+                        $.when(message).done(function(localizedEditString) {
+                            $("#button-collapse").text(localizedEditString);
+                        }); 
 
-	    			}
-	    			else{
-	    				var height= $("#summary-collapse").css("height");
-		    			$("#summary-wrapper").animate({ "max-height": height }, "slow" );
-		    			var message=str.get_string('hideInfos', 'format_iena');
-		    			$.when(message).done(function(localizedEditString) {
-						    $("#button-collapse").text(localizedEditString);
-						});	
-		    			
-		    			
-	    			}
-	    			$("#summary-wrapper").toggleClass("collapsed");
-	    			
-	    			
-	    		})
+                    }
+                    else{
+
+                        var height= $("#summary-collapse").css("height");
+                        $("#summary-wrapper").animate({ "max-height": height }, "slow" );
+                        var message=str.get_string('hideInfos', 'format_iena');
+                        $.when(message).done(function(localizedEditString) {
+                            $("#button-collapse").text(localizedEditString);
+                        }); 
+                        
+                        
+                    }
+                    $("#summary-wrapper").toggleClass("collapsed");
+                    
+                    
+                    })
+                }
+                else{
+                    $("#button-collapse").hide();
+                }
+	    		
 	    		
        		}
        		
diff --git a/styles.css b/styles.css
index 5b4481960192ea8c2a661ffdd48861832976b33c..bc671b4c599d1f4487b08a40c966a79dc5a699b2 100644
--- a/styles.css
+++ b/styles.css
@@ -658,7 +658,7 @@ ul.nav.navbar-nav.ml-auto {
  #summary-wrapper{
  	padding-left: 1px;
  	display: block;
-	max-height: 13rem;
+	max-height: 144px;
 	height: auto;
 	overflow: hidden;
 	margin-bottom: 5px;
diff --git a/templates/courseformat/content.mustache b/templates/courseformat/content.mustache
index 62f6e2b12ddb63f69bf8d991ee37b95c7ba4dd12..3c35596e84e8caedda0a46df2a1589f1f3a9453a 100644
--- a/templates/courseformat/content.mustache
+++ b/templates/courseformat/content.mustache
@@ -240,6 +240,7 @@
                 <h3>
                     {{# str }} aboutcourse, format_iena {{/ str}}
                 </h3>
+                <div class=" my-3" data-for="sectioninfo" style="border-bottom: 1px solid #d1d1d1;"></div>
                 <div id="summary-wrapper">
                     <div id="summary-collapse" aria-expanded="false">{{{ summary }}}</div>
                 </div>