diff --git a/src/common/variables.scss b/src/common/variables.scss
index f2f6ddfb0..ddd022ba0 100644
--- a/src/common/variables.scss
+++ b/src/common/variables.scss
@@ -20,15 +20,16 @@ $bg-color: #16161D;
 $white-color: #F1F1F1;
 $border-color: #34343B;
 $input-bg-color: #121217;
-$button-color: #3F4048;
-$button-text-color: #CFCFCF;
+$button-color: #2A9CFF;
+$button-text-color: #FFFFFF;
+$modal-background: #1B1B23;
 $placeholder-color: #67676D;
 $text-color: #BCBCC4;
 $accent-color: #67f7b8;
 $secondary-color: #2a9cff;
 $nav-bg-color: #21212A;
-$input-focus-color: #67f7b8;
-$input-error-color: #2a9cff;
+$input-focus-color: #2a9cff;
+$input-error-color: #FF5857;
 $transactions-bg: #12121b;
 $nav-border-color: #3A3A47;
 $tx-border-color: #33343e;
diff --git a/src/icons/icon_128.png b/src/icons/icon_128.png
index d7c8ceba8..99e4fdf51 100644
Binary files a/src/icons/icon_128.png and b/src/icons/icon_128.png differ
diff --git a/src/icons/icon_48.png b/src/icons/icon_48.png
index b06341c4d..7bf23cd69 100644
Binary files a/src/icons/icon_48.png and b/src/icons/icon_48.png differ
diff --git a/src/popup/locales/en.json b/src/popup/locales/en.json
index 6b59c9a81..3bf3b3a76 100644
--- a/src/popup/locales/en.json
+++ b/src/popup/locales/en.json
@@ -155,7 +155,7 @@
       "wholeTransaction": "Whole transaction history",
       "latestTransactions": "Latest transactions",
       "noTransactionsFound": "No transactions found!",
-      "tipSomeone": "Send Tips",
+      "tipSomeone": "Send Tip",
       "howToClaim": "How to claim AE",
       "balance": "Balance",
       "copied": "Copied!",
@@ -594,6 +594,7 @@
     },
     "tipPage": {
       "back": "Back",
+      "OkButton": "OK",
       "noImage": "No Image",
       "domainVerified": "Verified",
       "domainNotVerified": "Not verified",
@@ -607,6 +608,9 @@
       "tipDetails": "Details",
       "tipWebsite": "Website",
       "heading": "Send",
+      "sendTipConfirmationHeader": "Send Tip Confirmation",
+      "sendTipConfirmationBody": "You are going to send tip to untrusted URL. Third party issues prevent us to ensure that tips will be directly delivered to the URL owner.",
+      "sendTipConfirmationQstn":"Are you sure you would like to send the tip anyway?",
       "headingSending": "Sending",
       "selectTip": "Select amount to tip",
       "tipDomain": "Tip domain",
@@ -618,15 +622,19 @@
       "title": "Title",
       "titlePlaceholder": "Send a message of #support along with your donation...",
       "account": "Account",
-      "next": "Send Tips",
-      "url": "Send a tip to",
+      "next": "Send Tip",
+      "url": "Send Tip to",
       "to": "to",
       "amountPlaceholder": "Enter amount",
       "amountLabel": "Amount",
       "availableLabel": "Available",
       "confirm": "Confirm",
       "cancel": "Cancel",
-      "edit": "Edit AE Details"
+      "edit": "Edit AE Details",
+      "whatIsVerifieddUrl": "What is \"Verified\" URL?",
+      "whatIsUntrustedUrl": "What is \"Untrusted\" URL?",
+      "untrustedUrlInfo": "Third party issues prevent us to ensure that tips will be directly delivered to the URL owner. You are sending the tip at your own risk.",
+      "verifiedUrlInfo": "If a URL is marked as verified, it means the owner of this URL is already a fellow Superhero — and that is awesome! An AE address has been included in the URL and tips can be claimed."
     },
     "successTip": {
       "sendMore": "Send More AE",
diff --git a/src/popup/router/components/Button.vue b/src/popup/router/components/Button.vue
index 4f7bd1cb0..29096e89c 100644
--- a/src/popup/router/components/Button.vue
+++ b/src/popup/router/components/Button.vue
@@ -13,6 +13,7 @@ export default {
     small: Boolean,
     third: Boolean,
     onboarding: Boolean,
+    dark: Boolean,
   },
   computed: {
     getClasses() {
@@ -23,6 +24,7 @@ export default {
       if (this.small) c.push('small');
       if (this.third) c.push('third');
       if (this.onboarding) c.push('onboarding');
+      if (this.dark) c.push('dark');
       return c.join(' ');
     },
   },
@@ -61,6 +63,9 @@ export default {
   width: 48% !important;
   margin: 0 !important;
 }
+.primary-button.dark {
+  background: $box-button-color !important;
+}
 .primary-button.small {
   width: auto !important;
   line-height: 1px !important;
diff --git a/src/popup/router/components/Modal.vue b/src/popup/router/components/Modal.vue
index cdfe4fd0b..4a4b6dc7a 100644
--- a/src/popup/router/components/Modal.vue
+++ b/src/popup/router/components/Modal.vue
@@ -2,9 +2,9 @@
   <div class="popup">
     <transition name="modal">
       <div class="modal--mask">
-        <div class="modal--wrapper" @click="$emit('close')">
+        <div class="modal--wrapper">
           <div class="modal--container">
-            <!-- <Close class="modal--close" @click="$emit('close')" /> -->
+            <Close class="modal--close" @click="$emit('close')" />
             <div class="modal--header">
               <slot name="header" />
             </div>
@@ -22,7 +22,12 @@
 </template>
 
 <script>
+import Close from '../../../icons/close.svg?vue-component';
+
 export default {
+  components: {
+    Close,
+  },
   mounted() {
     if (document.body.style.overflow) return;
     document.body.style.overflow = 'hidden';
@@ -32,6 +37,7 @@ export default {
   },
 };
 </script>
+
 <style lang="scss" scoped>
 @import '../../../common/variables';
 .modal--mask {
@@ -41,50 +47,50 @@ export default {
   left: 0;
   width: 100%;
   height: 100%;
-  background-color: rgba(0, 0, 0, 0.5);
+  background-color: rgba(0, 0, 0, 0.7);
   display: table;
   transition: opacity 0.3s ease;
-}
-.modal--wrapper {
-  display: table-cell;
-  vertical-align: middle;
-}
-.modal--container {
-  position: relative;
-  width: 90%;
-  margin: 0 auto;
-  padding: 20px;
-  background: #fff;
-  border: 1px solid $tx-border-color;
-  border-radius: 5px;
-  transition: all 0.3s ease;
-}
-.modal--close {
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  cursor: pointer;
-}
-.modal--header {
-  color: $white-color;
-  font-size: 16px;
-}
-.modal--body {
-  margin: 20px 0;
-  color: $text-color;
-  font-size: 14px;
-  word-break: break-word;
-  text-align: left;
-}
-.modal--enter {
-  opacity: 0;
-}
-.modal--leave--active {
-  opacity: 0;
-}
-.modal--enter .modal--container,
-.modal--leave--active .modal--container {
-  -webkit-transform: scale(1.1);
-  transform: scale(1.1);
+  .modal--wrapper {
+    display: table-cell;
+    vertical-align: middle;
+  }
+  .modal--container {
+    position: relative;
+    width: 87%;
+    margin: 0 auto;
+    padding: 62px 25px 30px;
+    background: $modal-background;
+    border: 1px solid $tx-border-color;
+    border-radius: 5px;
+    transition: all 0.3s ease;
+  }
+  .modal--close {
+    position: absolute;
+    right: 10px;
+    top: 10px;
+    cursor: pointer;
+  }
+  .modal--header {
+    color: $white-color;
+    font-size: 16px;
+  }
+  .modal--body {
+    margin: 20px 0;
+    color: $text-color;
+    font-size: 14px;
+    word-break: break-word;
+    text-align: left;
+  }
+  .modal--enter {
+    opacity: 0;
+  }
+  .modal--leave--active {
+    opacity: 0;
+  }
+  .modal--enter .modal--container,
+  .modal--leave--active .modal--container {
+    -webkit-transform: scale(1.1);
+    transform: scale(1.1);
+  }
 }
 </style>
diff --git a/src/popup/router/components/Modals/ClaimSuccessModal.vue b/src/popup/router/components/Modals/ClaimSuccessModal.vue
index 39752c10e..92f987af2 100644
--- a/src/popup/router/components/Modals/ClaimSuccessModal.vue
+++ b/src/popup/router/components/Modals/ClaimSuccessModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <Modal>
+  <Modal @close="resolve">
     <div slot="body">
       <CheckIcon /> <br />
       <b>{{ $t('pages.claim.url') }}:</b> {{ url }} <br />
diff --git a/src/popup/router/components/Modals/ConfirmTip.vue b/src/popup/router/components/Modals/ConfirmTip.vue
new file mode 100644
index 000000000..59f17a352
--- /dev/null
+++ b/src/popup/router/components/Modals/ConfirmTip.vue
@@ -0,0 +1,64 @@
+<template>
+  <Modal @close="resolve">
+    <h4 class="confirmtip-modal-header" slot="header">
+      {{ $t('pages.tipPage.sendTipConfirmationHeader') }}
+    </h4>
+    <div class="confirmtip-modal--body" slot="body">
+      {{ $t('pages.tipPage.sendTipConfirmationBody') }}
+      <p class="confirmation--question">{{ $t('pages.tipPage.sendTipConfirmationQstn') }}</p>
+    </div>
+    <div class="confirmtip-modal--footer" slot="footer">
+      <Button data-cy="cancel-tip" dark @click="cancelTip">
+        {{ $t('pages.tipPage.cancel') }}
+      </Button>
+      <Button data-cy="to-confirm" @click="toConfirm">
+        {{ $t('pages.tipPage.sendTipBtn') }}
+      </Button>
+    </div>
+  </Modal>
+</template>
+
+<script>
+import Modal from '../Modal';
+import Button from '../Button';
+
+export default {
+  props: {
+    resolve: { type: Function, required: true },
+    reject: { type: Function, required: true },
+  },
+  components: { Modal, Button },
+  methods: {
+    toConfirm() {
+      this.resolve(true);
+    },
+    cancelTip() {
+      this.reject(new Error('reject'));
+    },
+  },
+};
+</script>
+
+<style lang="scss" scoped>
+.confirmtip-modal-header {
+  margin: 0 !important;
+  font-weight: 500 !important;
+}
+.confirmtip-modal--body {
+  padding-bottom: 20px;
+  .confirmation--question {
+    font-weight: 500 !important;
+    color: #fff !important;
+  }
+}
+.confirmtip-modal--footer {
+  display: flex;
+  justify-content: space-between;
+  button {
+    margin: 0 !important;
+    width: 120px !important;
+    font-weight: 700 !important;
+    font-size: 15px !important;
+  }
+}
+</style>
diff --git a/src/popup/router/components/Modals/DefaultModal.vue b/src/popup/router/components/Modals/DefaultModal.vue
index 1b1799cab..2bfd7e7b9 100644
--- a/src/popup/router/components/Modals/DefaultModal.vue
+++ b/src/popup/router/components/Modals/DefaultModal.vue
@@ -1,5 +1,5 @@
 <template>
-  <Modal>
+  <Modal @close="resolve">
     <div v-if="title" slot="header">{{ title || $t(`modals.${type}.title`) }}</div>
     <div slot="body">{{ msg || $t(`modals.${type}.msg`) }}</div>
     <div slot="footer">
diff --git a/src/popup/router/components/Modals/TipBadgeModal.vue b/src/popup/router/components/Modals/TipBadgeModal.vue
new file mode 100644
index 000000000..e4a855226
--- /dev/null
+++ b/src/popup/router/components/Modals/TipBadgeModal.vue
@@ -0,0 +1,58 @@
+<template>
+  <Modal @close="resolve">
+    <div class="badge-modal-header" slot="header">
+      <UrlBadge :type="verifiedStatus" />
+      <h4>
+        {{
+          verifiedStatus == 'verified'
+            ? $t('pages.tipPage.whatIsVerifieddUrl')
+            : $t('pages.tipPage.whatIsUntrustedUrl')
+        }}
+      </h4>
+    </div>
+    <div slot="body">
+      {{
+        verifiedStatus == 'verified'
+          ? $t('pages.tipPage.verifiedUrlInfo')
+          : $t('pages.tipPage.untrustedUrlInfo')
+      }}
+    </div>
+    <div slot="footer">
+      <Button class="ok-button" @click="resolve">{{ $t('pages.tipPage.OkButton') }}</Button>
+    </div>
+  </Modal>
+</template>
+
+<script>
+import Modal from '../Modal';
+import Button from '../Button';
+import UrlBadge from '../UrlBadge';
+
+export default {
+  props: {
+    resolve: { type: Function, required: true },
+    verifiedStatus: { type: String, required: true },
+  },
+  components: { Modal, Button, UrlBadge },
+};
+</script>
+
+<style lang="scss" scoped>
+.badge-modal-header {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  .badge {
+    font-weight: 400 !important;
+    margin: 0 !important;
+  }
+  h4 {
+    margin: 0 5px;
+  }
+}
+.ok-button {
+  width: 120px !important;
+  font-weight: 700 !important;
+  font-size: 15px !important;
+}
+</style>
diff --git a/src/popup/router/components/Modals/TipVerifiedModal.vue b/src/popup/router/components/Modals/TipVerifiedModal.vue
deleted file mode 100644
index 326230348..000000000
--- a/src/popup/router/components/Modals/TipVerifiedModal.vue
+++ /dev/null
@@ -1,28 +0,0 @@
-<template>
-  <Modal>
-    <div slot="body">
-      <span style="display:block;margin-bottom:1rem;">
-        <CheckIcon />
-        This URL has been verified.
-      </span>
-      This means that the creator of the content there or the website owner has successfully claimed
-      tips for this url.
-    </div>
-    <div slot="footer">
-      <Button @click="resolve">OK</Button>
-    </div>
-  </Modal>
-</template>
-
-<script>
-import Modal from '../Modal';
-import Button from '../Button';
-import CheckIcon from '../../../../icons/check-icon.svg?vue-component';
-
-export default {
-  props: {
-    resolve: { type: Function, required: true },
-  },
-  components: { Modal, Button, CheckIcon },
-};
-</script>
diff --git a/src/popup/router/modals.js b/src/popup/router/modals.js
index 593fa00bf..44ed769d5 100644
--- a/src/popup/router/modals.js
+++ b/src/popup/router/modals.js
@@ -1,10 +1,12 @@
 import { registerModal } from '../../store/plugins/modals';
 import DefaultModal from './components/Modals/DefaultModal';
-import TipVerifiedModal from './components/Modals/TipVerifiedModal';
 import ClaimSuccessModal from './components/Modals/ClaimSuccessModal';
+import TipBadgeModal from './components/Modals/TipBadgeModal';
+import ConfirmTip from './components/Modals/ConfirmTip';
 
 export default async () => {
   registerModal({ name: 'default', component: DefaultModal });
-  registerModal({ name: 'tip-verified', component: TipVerifiedModal });
   registerModal({ name: 'claim-success', component: ClaimSuccessModal });
+  registerModal({ name: 'tip-badge', component: TipBadgeModal });
+  registerModal({ name: 'confirm-tip', component: ConfirmTip });
 };
diff --git a/src/popup/router/pages/Retip.vue b/src/popup/router/pages/Retip.vue
index 6a6b9ddff..09f9038e6 100644
--- a/src/popup/router/pages/Retip.vue
+++ b/src/popup/router/pages/Retip.vue
@@ -75,9 +75,6 @@ export default {
     amount() {
       this.amountError = false;
     },
-    urlVerified(val) {
-      if (val) this.$store.dispatch('modals/open', { name: 'tip-verified' });
-    },
   },
   async created() {
     this.loading = true;
diff --git a/src/popup/router/pages/SecuritySettings.vue b/src/popup/router/pages/SecuritySettings.vue
index e202d417b..2c9fa879d 100644
--- a/src/popup/router/pages/SecuritySettings.vue
+++ b/src/popup/router/pages/SecuritySettings.vue
@@ -13,7 +13,7 @@
         <ae-loader />
       </div>
     </div>
-    <Modal v-if="type == 3" :modal="modal">
+    <div v-if="type == 3 && modal.visible">
       <div slot="content">
         <small v-if="seedPhrase == '' && !loading && type == '3'">{{
           $t('pages.securitySettings.seedPhraseWarning')
@@ -49,7 +49,7 @@
           {{ $t('pages.seedPhrase.doneThis') }}
         </button>
       </div>
-    </Modal>
+    </div>
     <div v-if="type == 4">
       <h3 class="phraseTitle">{{ $t('pages.seedPhrase.confirmSeedPhrase') }}</h3>
       <ae-phraser>
diff --git a/src/popup/router/pages/TipPage.vue b/src/popup/router/pages/TipPage.vue
index 95c225da3..7600e0bd8 100644
--- a/src/popup/router/pages/TipPage.vue
+++ b/src/popup/router/pages/TipPage.vue
@@ -4,11 +4,9 @@
       <p class="primary-title text-left mb-8 f-16" :class="{ 'title-holder': !confirmMode }">
         <template v-if="!confirmMode">
           <div>
-            {{ $t('pages.tipPage.heading') }}
-            <span class="secondary-text">{{ $t('pages.appVUE.aeid') }}</span>
-            {{ $t('pages.tipPage.to') }}
+            {{ $t('pages.tipPage.url') }}
           </div>
-          <UrlBadge :type="verifiedStatus" />
+          <UrlBadge @click.native="showBadgeModal" :type="verifiedStatus" />
         </template>
         <template v-else>
           {{ $t('pages.tipPage.headingSending') }}
@@ -41,6 +39,7 @@
         />
         <Textarea v-model="note" :placeholder="$t('pages.tipPage.titlePlaceholder')" size="sm" />
         <Button
+          class="send-tip-button"
           @click="toConfirm"
           :disabled="!note || amountError || noteError || !minCallFee || editUrl"
           data-cy="send-tip"
@@ -131,9 +130,6 @@ export default {
     amount() {
       this.amountError = !+this.amount || this.amount <= 0;
     },
-    urlVerified(val) {
-      if (val) this.$store.dispatch('modals/open', { name: 'tip-verified' });
-    },
     $route: {
       immediate: true,
       handler({ fullPath }) {
@@ -171,6 +167,12 @@ export default {
     }).min;
   },
   methods: {
+    showBadgeModal() {
+      this.$store.dispatch('modals/open', {
+        name: 'tip-badge',
+        verifiedStatus: this.verifiedStatus,
+      });
+    },
     async persistTipDetails() {
       if (this.tip) {
         const { amount, note, exp } = this.tip;
@@ -189,7 +191,15 @@ export default {
         },
       );
     },
-    toConfirm() {
+    async toConfirm() {
+      if (!this.urlVerified) {
+        const allowToConfirm = await this.$store
+          .dispatch('modals/open', { name: 'confirm-tip' })
+          .catch(() => false);
+        if (!allowToConfirm) {
+          return;
+        }
+      }
       this.amountError = !this.amount || !this.minCallFee || this.maxValue - this.amount <= 0;
       this.amountError = this.amountError || !+this.amount || this.amount <= 0;
       this.noteError = !this.note || !this.url;
@@ -225,6 +235,10 @@ export default {
 
 <style lang="scss" scoped>
 @import '../../../common/variables';
+.send-tip-button {
+  font-weight: bold !important;
+  font-size: 15px !important;
+}
 .tour__step3 {
   margin: 0 10px;
   padding: 12px 10px 4px;
diff --git a/tests/e2e/support/commands.js b/tests/e2e/support/commands.js
index 6f6f13a3c..d314d1648 100644
--- a/tests/e2e/support/commands.js
+++ b/tests/e2e/support/commands.js
@@ -120,7 +120,9 @@ Cypress.Commands.add('shouldRedirect', (url, to) => {
 });
 
 Cypress.Commands.add('openMenu', () => {
-  cy.get('[data-cy=hamburger]').click();
+  cy.get('[data-cy=hamburger]')
+    .click()
+    .wait(1500);
 });
 
 Cypress.Commands.add('closeMenu', (from = 'button') => {
@@ -206,6 +208,17 @@ Cypress.Commands.add('toConfirmTip', (tip = {}) => {
     .buttonShouldNotBeDisabled('[data-cy=send-tip]')
     .get('[data-cy=send-tip]')
     .click()
+    .get('.confirmtip-modal--footer')
+    .should('be.visible')
+    .get('[data-cy=cancel-tip]')
+    .click()
+    .wait(1000)
+    .get('[data-cy=send-tip]')
+    .click()
+    .get('.confirmtip-modal--footer')
+    .should('be.visible')
+    .get('[data-cy=to-confirm]')
+    .click()
     .get('[data-cy=confirm-tip]')
     .should('be.visible')
     .buttonShouldNotBeDisabled('[data-cy=confirm-tip]')