diff --git a/src/App.vue b/src/App.vue
index 8cf7741e3..883893256 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -297,7 +297,7 @@ export default class App extends Mixins(mixins.TransactionMixin, NodeErrorMixin)
     const disclaimerApprove = settingsStorage.get('disclaimerApprove');
 
     if (!disclaimerApprove) {
-      setTimeout(() => this.toggleDisclaimerDialogVisibility(), 3_000);
+      setTimeout(() => this.toggleDisclaimerDialogVisibility(), 5_000);
     }
   }
 
diff --git a/src/components/App/Header/AppDisclaimer.vue b/src/components/App/Header/AppDisclaimer.vue
index b7dba36d0..9e6adfac2 100644
--- a/src/components/App/Header/AppDisclaimer.vue
+++ b/src/components/App/Header/AppDisclaimer.vue
@@ -10,25 +10,28 @@
         @click.native="handleClose"
       />
     </div>
-    <div class="disclaimer__text">
-      <p
-        v-html="
-          t('disclaimer', {
-            disclaimerPrefix,
-            polkaswapFaqLink,
-            memorandumLink,
-            privacyLink,
-          })
-        "
-      />
-      <p class="disclaimer__text-fiat">{{ t('fiatDisclaimer') }}</p>
-    </div>
+    <s-scrollbar>
+      <div class="disclaimer__text">
+        <p
+          v-html="
+            t('disclaimer', {
+              disclaimerPrefix,
+              polkaswapFaqLink,
+              memorandumLink,
+              privacyLink,
+            })
+          "
+        />
+        <p class="disclaimer__text-fiat" ref="endLine">{{ t('fiatDisclaimer') }}</p>
+      </div>
+    </s-scrollbar>
     <s-button
       v-if="!userDisclaimerApprove"
       :loading="loadingAcceptBtn"
       type="primary"
       @click="handleAccept"
       class="disclaimer__accept-btn"
+      :disabled="!isActiveAccptBtn"
     >
       {{ t('acceptText') }}
     </s-button>
@@ -36,7 +39,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Mixins } from 'vue-property-decorator';
+import { Component, Mixins, Ref } from 'vue-property-decorator';
 
 import TranslationMixin from '@/components/mixins/TranslationMixin';
 import { Links } from '@/consts';
@@ -50,6 +53,9 @@ export default class AppDisclaimer extends Mixins(TranslationMixin) {
   @mutation.settings.toggleDisclaimerDialogVisibility private toggleVisibility!: FnWithoutArgs;
 
   loadingAcceptBtn = false;
+  isActiveAccptBtn = false;
+
+  @Ref('endLine') private readonly endLine!: HTMLElement;
 
   async handleAccept(): Promise<void> {
     this.loadingAcceptBtn = true;
@@ -81,6 +87,39 @@ export default class AppDisclaimer extends Mixins(TranslationMixin) {
   generateDisclaimerLink(href: string, content: string): string {
     return `<a href="${href}" target="_blank" rel="nofollow noopener" class="link" title="${content}">${content}</a>`;
   }
+
+  checkUserScroll(): void {
+    let observer;
+
+    try {
+      observer = new IntersectionObserver(
+        (entries) => {
+          if (entries[0].isIntersecting) {
+            this.makeAcceptBtnActive(300);
+          }
+        },
+        { threshold: 0.95 }
+      );
+    } catch {
+      this.makeAcceptBtnActive(2_000);
+      return;
+    }
+
+    if (this.endLine) {
+      observer.observe(this.endLine);
+    } else {
+      this.makeAcceptBtnActive(2_000);
+    }
+  }
+
+  async makeAcceptBtnActive(ms = 1_000): Promise<void> {
+    await delay(ms);
+    this.isActiveAccptBtn = true;
+  }
+
+  mounted(): void {
+    this.checkUserScroll();
+  }
 }
 </script>
 
@@ -103,15 +142,17 @@ export default class AppDisclaimer extends Mixins(TranslationMixin) {
   width: 24%;
   min-width: 335px;
   max-width: 550px;
-  padding: calc(var(--s-size-small) / 2);
   position: absolute;
   top: var(--s-size-mini);
   right: var(--s-size-mini);
   z-index: $app-above-loader-layer;
+  padding: $basic-spacing 6px 12px 20px;
 
   &__header {
     display: flex;
     justify-content: space-between;
+    margin-bottom: $basic-spacing / 2;
+
     &-title {
       font-weight: 600;
       font-size: var(--s-font-size-small);
@@ -130,16 +171,15 @@ export default class AppDisclaimer extends Mixins(TranslationMixin) {
   }
 
   &__text {
-    box-shadow: var(--s-shadow-dialog);
     border-radius: var(--s-border-radius-medium);
-    background-color: var(--s-color-base-background);
-    margin-top: 6px;
-    padding: $basic-spacing;
+    padding: 0 $basic-spacing 10px 0;
     font-size: var(--s-font-size-extra-mini);
     font-weight: 300;
+    height: 260px;
     line-height: var(--s-line-height-extra-small);
     letter-spacing: var(--s-letter-spacing-small);
     color: var(--s-color-base-content-secondary);
+    margin-bottom: -12px;
 
     &-fiat {
       margin-top: $basic-spacing;