diff --git a/.storybook/preview-head.html b/.storybook/preview-head.html
index 8cd1c860a..c3e5bbcf7 100644
--- a/.storybook/preview-head.html
+++ b/.storybook/preview-head.html
@@ -1,5 +1,5 @@
 <link rel="stylesheet" href="https://fusion.ironsrc.net/Angular_14/v26/styles.5859cbb869f0ab3e.css">
-<link rel="stylesheet" href="https://fusion-ui.s3.eu-west-1.amazonaws.com/release/6.2.2-rc.1/style/v4/style-guide.css">
+<link rel="stylesheet" href="https://fusion-ui.s3.eu-west-1.amazonaws.com/release/6.2.2-rc.2/style/v4/stylele-guide.css">
 
 <style>
     body {
diff --git a/projects/fusion-ui/src/style/scss/v4/shadows.scss b/projects/fusion-ui/src/style/scss/v4/shadows.scss
index d3e501d21..32dc1fc7b 100644
--- a/projects/fusion-ui/src/style/scss/v4/shadows.scss
+++ b/projects/fusion-ui/src/style/scss/v4/shadows.scss
@@ -1,12 +1,12 @@
 @import './vars/shadows';
 
 .fusion-v4 {
-    --box-shadowshadow-xs: #{$boxShadowV4-XS};
-    --box-shadowshadow-sm: #{$boxShadowV4-SM};
-    --box-shadowshadow-md: #{$boxShadowV4-MD};
-    --box-shadowshadow-lg: #{$boxShadowV4-LG};
-    --box-shadowshadow-xl: #{$boxShadowV4-XL};
-    --box-shadowshadow-xxl: #{$boxShadowV4-XXL};
-    --box-shadowshadow-xxxl: #{$boxShadowV4-XXXL};
-    --box-shadowshadow-slg: #{$boxShadowV4-SLG};
+    --box-shadow-xs: #{$boxShadowV4-XS};
+    --box-shadow-sm: #{$boxShadowV4-SM};
+    --box-shadow-md: #{$boxShadowV4-MD};
+    --box-shadow-lg: #{$boxShadowV4-LG};
+    --box-shadow-xl: #{$boxShadowV4-XL};
+    --box-shadow-xxl: #{$boxShadowV4-XXL};
+    --box-shadow-xxxl: #{$boxShadowV4-XXXL};
+    --box-shadow-slg: #{$boxShadowV4-SLG};
 }
diff --git a/projects/fusion-ui/storybook-foundations/v4/shadows.mdx b/projects/fusion-ui/storybook-foundations/v4/shadows.mdx
index c1bb79bdc..770b681bb 100644
--- a/projects/fusion-ui/storybook-foundations/v4/shadows.mdx
+++ b/projects/fusion-ui/storybook-foundations/v4/shadows.mdx
@@ -49,7 +49,7 @@ Or Import css file for *.css with shadow classes
         </div>
         <div className="fu-shadow-example-holder">
             <div className="fu-shadow-example-label font-v4-heading-4">slarge</div>
-            <div className="fu-shadow-example fu-shadow-v4-slg"></div>
+            <div className="fu-shadow-example" style={{boxShadow: `var(--box-shadow-slg)`}}></div>
         </div>
     </div>
 </div>
diff --git a/scripts/build-styles.sh b/scripts/build-styles.sh
index ad0bf7b5d..98c0168a0 100644
--- a/scripts/build-styles.sh
+++ b/scripts/build-styles.sh
@@ -61,7 +61,7 @@ sass projects/fusion-ui/src/style/scss/v4/vars/_fonts.scss dist/fusion-ui/style/
 sass projects/fusion-ui/src/style/scss/v4/shadows.scss dist/fusion-ui/style/v4/shadows.css -s compressed
 
 # common v4 style-guide
-sass projects/fusion-ui/src/style/scss/v4/style-guide.scss dist/fusion-ui/style/v4/stylele-guide.css -s compressed
+sass projects/fusion-ui/src/style/scss/v4/style-guide.scss dist/fusion-ui/style/v4/style-guide.css -s compressed
 
 
 echo  -e "${GREEN}-- copy and compile default fonts and grid by last (v3) versions ${NOCOLOR}"