diff --git a/minting-dapp/public/index.html b/minting-dapp/public/index.html
index e5b907251..93897ff40 100644
--- a/minting-dapp/public/index.html
+++ b/minting-dapp/public/index.html
@@ -17,5 +17,7 @@
 
     <div id="minting-dapp"></div>
   </main>
+
+  <div id="notifications"></div>
 </body>
 </html>
\ No newline at end of file
diff --git a/minting-dapp/src/scripts/main.tsx b/minting-dapp/src/scripts/main.tsx
index 24e0289bf..ceecb273c 100644
--- a/minting-dapp/src/scripts/main.tsx
+++ b/minting-dapp/src/scripts/main.tsx
@@ -18,6 +18,9 @@ document.addEventListener('DOMContentLoaded', async () => {
           closeOnClick={true}
           pauseOnHover={true}
           theme='light' />
+  </>, document.getElementById('notifications'));
+
+  ReactDOM.render(<>
     <Dapp />
   </>, document.getElementById('minting-dapp'));
 });
diff --git a/minting-dapp/src/styles/components/general.scss b/minting-dapp/src/styles/components/general.scss
index 9f3ebdec9..66379699a 100644
--- a/minting-dapp/src/styles/components/general.scss
+++ b/minting-dapp/src/styles/components/general.scss
@@ -28,127 +28,127 @@ strong {
 
 main {
   @apply flex flex-col;
-}
 
-#logo {
-  @apply m-auto;
-  @apply w-full;
-  @apply max-w-md;
-}
+  #logo {
+    @apply m-auto;
+    @apply w-full;
+    @apply max-w-md;
+  }
 
-span.emoji {
-  @apply text-2xl;
-}
+  span.emoji {
+    @apply text-2xl;
+  }
 
-.error {
-  @apply flex flex-col;
-  @apply rounded-lg;
-  @apply p-3;
-  
-  @apply text-error-txt text-sm;
-  @apply bg-error-bg;
-  @apply border border-error-border;
-  @apply shadow;
+  .error {
+    @apply flex flex-col;
+    @apply rounded-lg;
+    @apply p-3;
+    
+    @apply text-error-txt text-sm;
+    @apply bg-error-bg;
+    @apply border border-error-border;
+    @apply shadow;
+
+    &::before {
+      content: 'Error';
+
+      @apply font-semibold;
+      @apply text-base;
+    }
 
-  &::before {
-    content: 'Error';
+    button {
+      @apply inline-block;
+      @apply mt-3 ml-auto;
+      @apply px-2 py-1;
+      @apply rounded-md;
 
-    @apply font-semibold;
-    @apply text-base;
+      @apply font-semibold;
+      @apply text-btn_error-txt text-xs;
+      @apply bg-btn_error-bg;
+      @apply border-btn_error-border;
+
+      &:hover {
+        @apply text-btn_error-hover_txt;
+        @apply bg-btn_error-hover_bg;
+        @apply border-btn_error-hover_border;
+      }
+    }
   }
 
   button {
-    @apply inline-block;
-    @apply mt-3 ml-auto;
-    @apply px-2 py-1;
-    @apply rounded-md;
+    @apply py-2 px-6;
 
+    @apply rounded-full;
+    
     @apply font-semibold;
-    @apply text-btn_error-txt text-xs;
-    @apply bg-btn_error-bg;
-    @apply border-btn_error-border;
+    @apply text-btn-txt;
+    @apply bg-btn-bg;
+    @apply border border-btn-border;
+    @apply shadow-sm;
 
     &:hover {
-      @apply text-btn_error-hover_txt;
-      @apply bg-btn_error-hover_bg;
-      @apply border-btn_error-hover_border;
+      @apply text-btn-hover_txt;
+      @apply bg-btn-hover_bg;
+      @apply border-btn-hover_border;
     }
-  }
-}
 
-button {
-  @apply py-2 px-6;
+    &.primary {
+      @apply text-btn_primary-txt;
+      @apply bg-btn_primary-bg;
+      @apply border-btn_primary-border;
 
-  @apply rounded-full;
-  
-  @apply font-semibold;
-  @apply text-btn-txt;
-  @apply bg-btn-bg;
-  @apply border border-btn-border;
-  @apply shadow-sm;
+      &:hover {
+        @apply text-btn_primary-hover_txt;
+        @apply bg-btn_primary-hover_bg;
+        @apply border-btn_primary-hover_border;
+      }
 
-  &:hover {
-    @apply text-btn-hover_txt;
-    @apply bg-btn-hover_bg;
-    @apply border-btn-hover_border;
-  }
+      &:disabled {
+        @apply opacity-30;
 
-  &.primary {
-    @apply text-btn_primary-txt;
-    @apply bg-btn_primary-bg;
-    @apply border-btn_primary-border;
+        &:hover {
+          @apply cursor-not-allowed;
+        }
+      }
+    }
+  }
 
-    &:hover {
-      @apply text-btn_primary-hover_txt;
-      @apply bg-btn_primary-hover_bg;
-      @apply border-btn_primary-hover_border;
+  input[type=text] {
+    @apply py-2 px-4;
+
+    @apply rounded-full;
+    
+    @apply font-mono font-semibold;
+    @apply text-txt_input-txt;
+    @apply bg-txt_input-bg;
+    @apply border border-txt_input-border;
+    @apply shadow-sm;
+    @apply outline-none;
+
+    &:focus {
+      @apply text-txt_input-focus_txt;
+      @apply bg-txt_input-focus_bg;
+      @apply border-txt_input-focus_border;
     }
 
     &:disabled {
-      @apply opacity-30;
+      @apply opacity-50;
 
       &:hover {
         @apply cursor-not-allowed;
       }
     }
-  }
-}
-
-input[type=text] {
-  @apply py-2 px-4;
-
-  @apply rounded-full;
-  
-  @apply font-mono font-semibold;
-  @apply text-txt_input-txt;
-  @apply bg-txt_input-bg;
-  @apply border border-txt_input-border;
-  @apply shadow-sm;
-  @apply outline-none;
-
-  &:focus {
-    @apply text-txt_input-focus_txt;
-    @apply bg-txt_input-focus_bg;
-    @apply border-txt_input-focus_border;
-  }
 
-  &:disabled {
-    @apply opacity-50;
-
-    &:hover {
-      @apply cursor-not-allowed;
+    &::placeholder {
+      @apply text-txt_input-placeholder_txt;
+      @apply opacity-50;
     }
   }
 
-  &::placeholder {
-    @apply text-txt_input-placeholder_txt;
-    @apply opacity-50;
-  }
-}
-
-label {
-  @apply mt-4 mb-1 ml-1;
+  label {
+    @apply mt-4 mb-1 ml-1;
 
-  @apply font-semibold;
-  @apply text-label text-sm;
+    @apply font-semibold;
+    @apply text-label text-sm;
+  }
 }