diff --git a/src/playground/popover/popover-placements.component.html b/src/playground/popover/popover-placements.component.html
index 42a0720a61..911d486142 100644
--- a/src/playground/popover/popover-placements.component.html
+++ b/src/playground/popover/popover-placements.component.html
@@ -1,25 +1,23 @@
-
-
+
-
+
-
+
-
+
-
+
-
-
+
diff --git a/src/playground/popover/popover-placements.component.ts b/src/playground/popover/popover-placements.component.ts
index ac545d831e..b383eda6f5 100644
--- a/src/playground/popover/popover-placements.component.ts
+++ b/src/playground/popover/popover-placements.component.ts
@@ -10,6 +10,15 @@ import { Component } from '@angular/core';
@Component({
selector: 'nb-popover-placements',
templateUrl: './popover-placements.component.html',
+ styles: [`
+ :host {
+ margin: 2rem 0;
+ display: block;
+ }
+ .btn {
+ margin: 1rem;
+ }
+ `],
})
export class NbPopoverPlacementsComponent {
}
diff --git a/src/playground/popover/popover-showcase.component.html b/src/playground/popover/popover-showcase.component.html
index 122a1ebd0d..76fba2a1a0 100644
--- a/src/playground/popover/popover-showcase.component.html
+++ b/src/playground/popover/popover-showcase.component.html
@@ -1 +1 @@
-
+