diff --git a/docs/release-notes-player.txt b/docs/release-notes-player.txt
index d02f8c1dc67ef4e42008efe29dcf4442ced45fc7..b9b160d16f06717a88b30bcfd6b06659bc8f1cb2 100644
--- a/docs/release-notes-player.txt
+++ b/docs/release-notes-player.txt
@@ -1,5 +1,10 @@
 Player
 ======
+1.5.0
+ - Show the magnifier only when the mouse is over the image
+ - Fix saving of inputs via the virtual keyboard
+ - Show background color for dynamic sections
+
 1.4.1
   - Make text underlinable
   - Fix marking of text
diff --git a/projects/player/src/app/components/page/page.component.css b/projects/player/src/app/components/page/page.component.css
new file mode 100644
index 0000000000000000000000000000000000000000..185623b187d028e465aeb0197f6ec6f87f32d523
--- /dev/null
+++ b/projects/player/src/app/components/page/page.component.css
@@ -0,0 +1,6 @@
+.section{
+  position: relative;
+  display: block;
+  overflow: auto;
+  width: 100%
+}
diff --git a/projects/player/src/app/components/page/page.component.html b/projects/player/src/app/components/page/page.component.html
index b0aa2233aa8949e65fc5bc04c7d06e8d48a904c3..2ffe636f13ed14043c1e16e7717f64962052f9e4 100644
--- a/projects/player/src/app/components/page/page.component.html
+++ b/projects/player/src/app/components/page/page.component.html
@@ -3,17 +3,13 @@
      [intersectionContainer]="pagesContainer"
      (intersecting)="onIntersection()">
   <app-section *ngFor="let section of page.sections; let i = index"
+               class="section"
                [pageIndex] = parentArrayIndex
                [parentForm]="pageForm"
                [parentArrayIndex]="i"
                [section]="section"
-               [ngStyle]="{
-                  position: 'relative',
-                  display: section.dynamicPositioning ? 'contents' : 'block',
-                  overflow: 'auto',
-                  width: '100%',
-                  'background-color': section.backgroundColor,
-                  'min-height': section.dynamicPositioning ? 'auto' : section.height + 'px'}">
+               [style.backgroundColor]="section.backgroundColor"
+               [style.minHeight]=" section.dynamicPositioning ? 'auto' : section.height + 'px'">
   </app-section>
 </div>
 <div appIntersectionDetection
diff --git a/projects/player/src/app/components/page/page.component.ts b/projects/player/src/app/components/page/page.component.ts
index 9d2ebb1e104f1636735b12430326431f52804932..340bfe6e6b6de73096548c02b5a3ce4b1fcacece 100644
--- a/projects/player/src/app/components/page/page.component.ts
+++ b/projects/player/src/app/components/page/page.component.ts
@@ -8,7 +8,8 @@ import { Page } from '../../../../../common/models/page';
 
 @Component({
   selector: 'app-page',
-  templateUrl: './page.component.html'
+  templateUrl: './page.component.html',
+  styleUrls: ['./page.component.css']
 })
 
 export class PageComponent implements OnInit {