diff --git a/apps/demo-app/src/styles.css b/apps/demo-app/src/styles.css
index 8d63845..b6925b4 100644
--- a/apps/demo-app/src/styles.css
+++ b/apps/demo-app/src/styles.css
@@ -1,10 +1,10 @@
-/* TODO: move to lib component*/
-@import '@angular/cdk/overlay-prebuilt.css';
+/* TODO: move to lib component */
+@import url('libs/sketch/src/lib/styles/styles.css');
 
 /* You can add global styles to this file, and also import other style files */
 :root {
   --sk-top-bar-height: 84px;
-  --sk-font-family: Montserrat, 'Helevetika Neue', sans-serif;
+  --sk-font-family: montserrat, 'Helevetika Neue', sans-serif;
   --sk-primary-color-rgb: 252, 0, 84;
   --sk-primary-color: rgb(var(--sk-primary-color-rgb));
   --sk-secondary-color-rgb: 59, 61, 64;
@@ -20,12 +20,12 @@
 html,
 body {
   font-family: var(--sk-font-family);
-  color: rgb(255, 255, 255);
-  background: rgb(59, 61, 64);
+  color: rgb(255 255 255);
+  background: rgb(59 61 64);
   background: linear-gradient(
     149deg,
-    rgba(var(--sk-secondary-color-rgb), 1) 0%,
-    rgba(var(--sk-primary-color-rgb), 1) 100%
+    rgb(var(--sk-secondary-color-rgb) 1) 0%,
+    rgb(var(--sk-primary-color-rgb) 1) 100%
   );
   background-repeat: no-repeat;
   height: 100svh;
diff --git a/libs/sketch/ng-package.json b/libs/sketch/ng-package.json
index 972ad7b..18dc1f2 100644
--- a/libs/sketch/ng-package.json
+++ b/libs/sketch/ng-package.json
@@ -1,6 +1,7 @@
 {
   "$schema": "../../node_modules/ng-packagr/ng-package.schema.json",
   "dest": "../../dist/libs/sketch",
+  "assets": ["src/styles/styles.css"],
   "lib": {
     "entryFile": "src/index.ts"
   }
diff --git a/libs/sketch/src/lib/styles/styles.css b/libs/sketch/src/lib/styles/styles.css
new file mode 100644
index 0000000..819f8d6
--- /dev/null
+++ b/libs/sketch/src/lib/styles/styles.css
@@ -0,0 +1 @@
+@import url('@angular/cdk/overlay-prebuilt.css');