diff --git a/customappbar/interfaces/custom_app_bar.js b/customappbar/interfaces/custom_app_bar.js
index aa55468094ad8c2ed5b60217ef6b32b3dcf05d6a..b9cd7124c57f9c09d9aedc134a32784030977232 100644
--- a/customappbar/interfaces/custom_app_bar.js
+++ b/customappbar/interfaces/custom_app_bar.js
@@ -34,6 +34,7 @@ const ICON_SIZE = 27;
 const ICON_FILL_COLOR_DEFAULT = '#182431';
 const BORDER_COLOR_DEFAULT = '#33000000';
 const MENU_BACK_COLOR = '#99FFFFFF';
+const MENU_BACK_BLUR = 5;
 const MENU_MARGIN_TOP = 10;
 const SM_MENU_MARGIN_END = 16;
 const MD_MENU_MARGIN_END = 24;
@@ -825,6 +826,7 @@ export class CustomAppBar extends ViewPU {
             Row.borderWidth(BORDER_WIDTH);
             Row.borderColor(this.menubarBorderColor);
             Row.backgroundColor(this.menubarBackColor);
+            Row.backdropBlur(MENU_BACK_BLUR);
             Row.height(VIEW_HEIGHT);
             Row.width(VIEW_WIDTH);
             Row.align(Alignment.Top);
@@ -1141,6 +1143,7 @@ export class CustomAppBar extends ViewPU {
             Row.clip(true);
             Row.alignItems(VerticalAlign.Bottom);
             Row.hitTestBehavior(HitTestMode.Transparent);
+            Row.width('100%');
             Row.id('AtomicServiceStageId');
         }, Row);
         Row.pop();
diff --git a/customappbar/source/custom_app_bar.ets b/customappbar/source/custom_app_bar.ets
index fad46326155fe8b0d5bd9e2cbb5e9413c61d3ced..7723dc7d916b781f3cd788284ebd05b59f884213 100644
--- a/customappbar/source/custom_app_bar.ets
+++ b/customappbar/source/custom_app_bar.ets
@@ -29,6 +29,7 @@ const ICON_SIZE: number = 27;
 const ICON_FILL_COLOR_DEFAULT: string = '#182431';
 const BORDER_COLOR_DEFAULT: string = '#33000000';
 const MENU_BACK_COLOR: string = '#99FFFFFF';
+const MENU_BACK_BLUR: number = 5;
 const MENU_MARGIN_TOP: number = 10;
 const SM_MENU_MARGIN_END: number = 16;
 const MD_MENU_MARGIN_END: number = 24;
@@ -501,6 +502,7 @@ export struct CustomAppBar {
       .borderWidth(BORDER_WIDTH)
       .borderColor(this.menubarBorderColor)
       .backgroundColor(this.menubarBackColor)
+      .backdropBlur(MENU_BACK_BLUR)
       .height(VIEW_HEIGHT)
       .width(VIEW_WIDTH)
       .align(Alignment.Top)
@@ -669,6 +671,7 @@ export struct CustomAppBar {
             .clip(true)
             .alignItems(VerticalAlign.Bottom)
             .hitTestBehavior(HitTestMode.Transparent)
+            .width('100%')
             .id('AtomicServiceStageId')
           }
           .height(this.containerHeight)