diff --git a/src/Sample/Pages/Index.razor b/src/Sample/Pages/Index.razor
index d26774c..b3f97c4 100644
--- a/src/Sample/Pages/Index.razor
+++ b/src/Sample/Pages/Index.razor
@@ -33,8 +33,8 @@
         <div class="form-group row">
             <label for="position" class="col-sm-6 col-form-label">Position</label>
             <div class="col-sm-5">
-                <select id="position" class="form-control form-control-sm" @bind="toaster.Configuration.PositionClass">
-                    <option value="toast-top-left">Top left</option>
+                <select id="position" class="form-control form-control-sm" @bind="_positionClass">
+                    <option value="toast-top-left" selected>Top left</option>
                     <option value="toast-top-center">Top center</option>
                     <option value="toast-top-right">Top right</option>
                     <option value="toast-top-full-width">Top full width</option>
@@ -122,6 +122,8 @@
 @code {
     private string _title = "Test Title";
     private string _message = "Test Message";
+    private string _positionClass;
+
     private bool _showProgressBar;
     private bool _showCloseIcon;
     private bool _actionOnClick;
@@ -148,6 +150,7 @@
 
     public void Show(ToastType type)
     {
+        toaster.Configuration.PositionClass = _positionClass;
         toaster.Add(type, _message, _title, config =>
         {
             config.ShowCloseIcon = _showCloseIcon;