diff --git a/website/client/src/components/payments/buyGemsModal.vue b/website/client/src/components/payments/buyGemsModal.vue
index 3f0f5c645f..952291097d 100644
--- a/website/client/src/components/payments/buyGemsModal.vue
+++ b/website/client/src/components/payments/buyGemsModal.vue
@@ -53,6 +53,7 @@
       <div
         v-if="currentEvent && currentEvent.promo && currentEvent.promo === 'g1g1'"
         class="gift-promo-banner d-flex justify-content-around align-items-center px-4"
+        @click="showSelectUser"
       >
         <div
           v-once
@@ -313,6 +314,7 @@
     width: 100%;
     height: 5rem;
     background-image: linear-gradient(90deg, $teal-50 0%, $purple-400 100%);
+    cursor: pointer;
 
     .announce-text {
       color: $white;
@@ -471,6 +473,9 @@ export default {
     close () {
       this.$root.$emit('bv::hide::modal', 'buy-gems');
     },
+    showSelectUser () {
+      this.$root.$emit('bv::show::modal', 'select-user-modal');
+    },
   },
 };
 </script>
diff --git a/website/client/src/components/settings/index.vue b/website/client/src/components/settings/index.vue
index 90bc755814..b0f9298812 100644
--- a/website/client/src/components/settings/index.vue
+++ b/website/client/src/components/settings/index.vue
@@ -48,6 +48,7 @@
     <div
       v-if="$route.name === 'subscription' && promo === 'g1g1'"
       class="g1g1-banner d-flex justify-content-center"
+      @click="showSelectUser"
     >
       <div
         v-once
@@ -91,6 +92,7 @@
     width: 100%;
     height: 5.75rem;
     background-image: linear-gradient(90deg, $teal-50 0%, $purple-400 100%);
+    cursor: pointer;
   }
 
   .left-gift {
@@ -133,5 +135,10 @@ export default {
       return this.currentEvent.promo;
     },
   },
+  methods: {
+    showSelectUser () {
+      this.$root.$emit('bv::show::modal', 'select-user-modal');
+    },
+  },
 };
 </script>