diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor
index db1b7d9a2d..590df055df 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor
@@ -22,8 +22,8 @@
 @@inject Bit.Butil.Notification notification
 
 @@code {
-    notification.IsSupported();
-    notification.Show("title", new() { Body = "this is body." });
+    await notification.IsSupported();
+    await notification.Show("title", new() { Body = "this is body." });
 }</CodeBox>
         </div>
     </section>
@@ -43,6 +43,8 @@
                         </CodeBox>
                     </BitPivotItem>
                     <BitPivotItem HeaderText="Result">
+                        <br />
+                        <BitText>Notification supported? [@isNotificationSupported]</BitText>
                         <br />
                         <BitButton OnClick="CheckIsSupported">IsSupported</BitButton>
                         <br />
@@ -51,68 +53,69 @@
             </BitAccordion>
             <br /><br />
 
-            <b>Show</b>: <br />
-            Requests a native notification to show to the user.
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification" target="_blank">MDN</a>).
+            <b>GetPermission</b>: <br />
+            Gets the current permission of the Notification API.
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Notification/permission_static" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
                 <BitPivot>
                     <BitPivotItem HeaderText="Code">
                         <CodeBox>
-                            @showExampleCode
+                            @getPermissionExampleCode
                         </CodeBox>
                     </BitPivotItem>
                     <BitPivotItem HeaderText="Result">
                         <br />
-                        <BitButton OnClick="ShowNotification">Show</BitButton>
+                        <BitText>Current permission state: [@permissionResult]</BitText>
+                        <br />
+                        <BitButton OnClick="GetCurrentPermissionState">GetPermission</BitButton>
                         <br />
                     </BitPivotItem>
                 </BitPivot>
             </BitAccordion>
             <br /><br />
 
-            <b>GetPermission</b>: <br />
-            Gets the current permission of the Notification API.
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Notification/permission_static" target="_blank">MDN</a>).
+            <b>RequestPermission</b>: <br />
+            Requests permission from the user for the current origin to display notifications.
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Notification/requestPermission_static" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
                 <BitPivot>
                     <BitPivotItem HeaderText="Code">
                         <CodeBox>
-                            @getPermissionExampleCode
+                            @requestPermissionExampleCode
                         </CodeBox>
                     </BitPivotItem>
                     <BitPivotItem HeaderText="Result">
                         <br />
-                        <BitText>Current permission state: [@permissionResult]</BitText>
+                        <BitText>Request permission result: [@requestPermissionResult]</BitText>
                         <br />
-                        <BitButton OnClick="GetCurrentPermissionState">GetPermission</BitButton>
+                        <BitButton OnClick="RequestPermission">RequestPermission</BitButton>
                         <br />
                     </BitPivotItem>
                 </BitPivot>
             </BitAccordion>
             <br /><br />
 
-            <b>RequestPermission</b>: <br />
-            Requests permission from the user for the current origin to display notifications.
-            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Notification/requestPermission_static" target="_blank">MDN</a>).
+            <b>Show</b>: <br />
+            Requests a native notification to show to the user.
+            (<a href="https://developer.mozilla.org/en-US/docs/Web/API/Notification/Notification" target="_blank">MDN</a>).
             <br /><br />
             <BitAccordion Title="Sample">
                 <BitPivot>
                     <BitPivotItem HeaderText="Code">
                         <CodeBox>
-                            @requestPermissionExampleCode
+                            @showExampleCode
                         </CodeBox>
                     </BitPivotItem>
                     <BitPivotItem HeaderText="Result">
                         <br />
-                        <BitText>Request permission result: [@requestPermissionResult]</BitText>
-                        <br />
-                        <BitButton OnClick="RequestPermission">RequestPermission</BitButton>
+                        <BitButton OnClick="ShowNotification">Show</BitButton>
                         <br />
                     </BitPivotItem>
                 </BitPivot>
             </BitAccordion>
+            <br /><br />
         </div>
     </section>
 </div>
diff --git a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor.cs b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor.cs
index 533b5df7e9..7eed395f3b 100644
--- a/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor.cs
+++ b/src/Websites/Platform/src/Bit.Websites.Platform.Client/Pages/Butil/Butil08NotificationPage.razor.cs
@@ -4,72 +4,85 @@ namespace Bit.Websites.Platform.Client.Pages.Butil;
 
 public partial class Butil08NotificationPage
 {
+    private bool? isNotificationSupported;
     private async Task CheckIsSupported() 
     {
-        var isNotificationSupported = await notification.IsSupported();
-    }
-
-    private async Task ShowNotification()
-    {
-        await notification.Show("title", new() { Body = "this is body." });
+        isNotificationSupported = await notification.IsSupported();
     }
 
     private NotificationPermission? permissionResult = null;
-
     private async Task GetCurrentPermissionState()
     {
         permissionResult = await notification.GetPermission();
     }
 
     private NotificationPermission? requestPermissionResult = null;
-
     private async Task RequestPermission()
     {
         requestPermissionResult = await notification.RequestPermission();
     }
 
+    private async Task ShowNotification()
+    {
+        await notification.Show("title", new() { Body = "this is body." });
+    }
+
 
 
     private string isSupportedExampleCode =
 @"@inject Bit.Butil.Notification notification
 
+<BitText>Notification supported? [@isNotificationSupported]</BitText>
+
 <BitButton OnClick=""CheckIsSupported"">IsSupported</BitButton>
 
 @code {
+    private bool? isNotificationSupported;
+
     private async Task CheckIsSupported()
     {
-        var isNotificationSupported = await notification.IsSupported();
+        isNotificationSupported = await notification.IsSupported();
     }
 }";
-    private string showExampleCode =
+    private string getPermissionExampleCode =
 @"@inject Bit.Butil.Notification notification
 
-<BitButton OnClick=""ShowNotification"">Show</BitButton>
+<BitText>Current permission state: [@permissionResult]</BitText>
+
+<BitButton OnClick=""GetCurrentPermissionState"">GetPermission</BitButton>
 
 @code {
-    private async Task ShowNotification()
+    private NotificationPermission? permissionResult = null;
+
+    private async Task GetCurrentPermissionState()
     {
-        await notification.Show(""title"", new() { Body = ""this is body."" });
+        permissionResult = await notification.GetPermission();
     }
 }";
-    private string getPermissionExampleCode =
-@"@inject Bit.Butil.Console console
+    private string requestPermissionExampleCode =
+@"@inject Bit.Butil.Notification notification
 
-<BitTextField @bind-Value=""value"" />
+<BitText>Request permission result: [@requestPermissionResult]</BitText>
 
-<BitButton OnClick=""@(() => console.CountReset(value))"">CountReset</BitButton>
+<BitButton OnClick=""RequestPermission"">RequestPermission</BitButton>
 
 @code {
-    private string value = ""Test"";
-}";
-    private string requestPermissionExampleCode =
-@"@inject Bit.Butil.Console console
+    private NotificationPermission? requestPermissionResult = null;
 
-<BitTextField @bind-Value=""value"" />
+    private async Task RequestPermission()
+    {
+        requestPermissionResult = await notification.RequestPermission();
+    }
+}";
+    private string showExampleCode =
+@"@inject Bit.Butil.Notification notification
 
-<BitButton OnClick=""@(() => console.Debug(value))"">Debug</BitButton>
+<BitButton OnClick=""ShowNotification"">Show</BitButton>
 
 @code {
-    private string value = ""Test"";
+    private async Task ShowNotification()
+    {
+        await notification.Show(""title"", new() { Body = ""this is body."" });
+    }
 }";
 }