diff --git a/package-lock.json b/package-lock.json
index e353ec1..1af40c5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3039,9 +3039,9 @@
       }
     },
     "@project-sunbird/sb-styles": {
-      "version": "0.0.7",
-      "resolved": "https://registry.npmjs.org/@project-sunbird/sb-styles/-/sb-styles-0.0.7.tgz",
-      "integrity": "sha512-XirxDLdQnaKJC+tFh4IAD05ULHS7DE9ZkNsPRHglWzly8erTXe6M1DAL+XWKYVFLf+GK9U6HVKlvvxIUpRCiVw=="
+      "version": "0.0.11",
+      "resolved": "https://registry.npmjs.org/@project-sunbird/sb-styles/-/sb-styles-0.0.11.tgz",
+      "integrity": "sha512-SKq0B/IVEyotgEyMWySL/3yKKEOMvUF0NHDesq2FJ2eEwo6DOldtSqvaSMDAhekeb+k38u+iIGE+ChMmeH/SJQ=="
     },
     "@project-sunbird/sunbird-player-sdk-v8": {
       "version": "3.7.0",
diff --git a/package.json b/package.json
index 04e3654..6e8f512 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "@angular/platform-browser": "^9.1.12",
     "@angular/platform-browser-dynamic": "^9.1.12",
     "@angular/router": "^9.1.12",
-    "@project-sunbird/sb-styles": "0.0.7",
+    "@project-sunbird/sb-styles": "0.0.11",
     "@project-sunbird/sunbird-player-sdk-v8": "3.7.0",
     "core-js": "^2.5.4",
     "rxjs": "~6.3.3",
diff --git a/projects/sunbird-player-sdk/package.json b/projects/sunbird-player-sdk/package.json
index e77e0e7..61ef193 100644
--- a/projects/sunbird-player-sdk/package.json
+++ b/projects/sunbird-player-sdk/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@project-sunbird/sunbird-player-sdk-v9",
-  "version": "5.1.0",
+  "version": "5.1.1",
   "peerDependencies": {
     "@angular/common": ">= 9.1.12",
     "@angular/core": ">= 9.1.12",
diff --git a/projects/sunbird-player-sdk/src/lib/core/components/download-popup/download-popup.component.scss b/projects/sunbird-player-sdk/src/lib/core/components/download-popup/download-popup.component.scss
index 8e9a702..e8558f6 100644
--- a/projects/sunbird-player-sdk/src/lib/core/components/download-popup/download-popup.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/core/components/download-popup/download-popup.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 :host {
   .file-download {
diff --git a/projects/sunbird-player-sdk/src/lib/core/components/end-page/end-page.component.scss b/projects/sunbird-player-sdk/src/lib/core/components/end-page/end-page.component.scss
index b759dd9..4f22ae8 100644
--- a/projects/sunbird-player-sdk/src/lib/core/components/end-page/end-page.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/core/components/end-page/end-page.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
   --sdk-end-page-title:#000;
   --sdk-end-page-replay-icon: #024f9d;
diff --git a/projects/sunbird-player-sdk/src/lib/core/components/side-menu-icon/side-menu-icon.component.scss b/projects/sunbird-player-sdk/src/lib/core/components/side-menu-icon/side-menu-icon.component.scss
index ac11e12..00df226 100644
--- a/projects/sunbird-player-sdk/src/lib/core/components/side-menu-icon/side-menu-icon.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/core/components/side-menu-icon/side-menu-icon.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
   --sdk-overlay-btn-hover:#333332;
 }
diff --git a/projects/sunbird-player-sdk/src/lib/core/components/sidebar/sidebar.component.scss b/projects/sunbird-player-sdk/src/lib/core/components/sidebar/sidebar.component.scss
index 9540c0b..d80bce7 100644
--- a/projects/sunbird-player-sdk/src/lib/core/components/sidebar/sidebar.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/core/components/sidebar/sidebar.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 ::ng-deep :root {
   --sdk-player-icon:#6D7278;
diff --git a/projects/sunbird-player-sdk/src/lib/core/components/start-page/start-page.component.scss b/projects/sunbird-player-sdk/src/lib/core/components/start-page/start-page.component.scss
index 99f2bab..96e00e5 100644
--- a/projects/sunbird-player-sdk/src/lib/core/components/start-page/start-page.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/core/components/start-page/start-page.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 
 .sb-player-splash-container {
   box-sizing: border-box;
diff --git a/projects/sunbird-player-sdk/src/lib/player-utils/components/contenterror/contenterror.component.scss b/projects/sunbird-player-sdk/src/lib/player-utils/components/contenterror/contenterror.component.scss
index e971adc..94d28ee 100644
--- a/projects/sunbird-player-sdk/src/lib/player-utils/components/contenterror/contenterror.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/player-utils/components/contenterror/contenterror.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
   --sdk-playersdk-text:#333;
   --sdk-playersdk-bg:#fbccd1;
diff --git a/projects/sunbird-player-sdk/src/lib/player-utils/components/header/header.component.scss b/projects/sunbird-player-sdk/src/lib/player-utils/components/header/header.component.scss
index 7e21ed9..82ad810 100644
--- a/projects/sunbird-player-sdk/src/lib/player-utils/components/header/header.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/player-utils/components/header/header.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
   --sdk-sb-player-header:#fff;
   --sdk-player-zoombtn:#000;
diff --git a/projects/sunbird-player-sdk/src/lib/player-utils/components/next-navigation/next-navigation.component.scss b/projects/sunbird-player-sdk/src/lib/player-utils/components/next-navigation/next-navigation.component.scss
index 013a851..0f1f24f 100644
--- a/projects/sunbird-player-sdk/src/lib/player-utils/components/next-navigation/next-navigation.component.scss
+++ b/projects/sunbird-player-sdk/src/lib/player-utils/components/next-navigation/next-navigation.component.scss
@@ -1,4 +1,4 @@
-@import "~@project-sunbird/sb-styles/assets/mixins/mixins";
+@use "~@project-sunbird/sb-styles/assets/mixins/mixins" as *;
 ::ng-deep :root {
   --sdk-navigation-arrows-bg:#fff;
   --sdk-navigation-arrows-border:#F2F2F2;