diff --git a/projects/angular-signature-pad/src/lib/angular-signature-pad.component.scss b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.scss
new file mode 100644
index 0000000..122477c
--- /dev/null
+++ b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.scss
@@ -0,0 +1,11 @@
+:host {
+ // This should be solving issue with open area that don't have signature pad canvas
+ background: antiquewhite;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+
+ .signature-pad-canvas {
+ border: 1px solid gray;
+ }
+}
diff --git a/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts
index 3ea2fc1..2f108c0 100644
--- a/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts
+++ b/projects/angular-signature-pad/src/lib/angular-signature-pad.component.ts
@@ -7,8 +7,9 @@ export interface NgSignaturePadOptions extends Options {
}
@Component({
- template: '',
+ template: '',
selector: 'signature-pad',
+ styleUrls: ['./angular-signature-pad.component.scss'],
})
export class SignaturePadComponent implements AfterContentInit, OnDestroy {
@Input() public options: NgSignaturePadOptions;