diff --git a/files/templates/dropdowns/ProfileDropdown.html b/files/templates/dropdowns/ProfileDropdown.html
index 27016ebc1..744299ae1 100644
--- a/files/templates/dropdowns/ProfileDropdown.html
+++ b/files/templates/dropdowns/ProfileDropdown.html
@@ -38,7 +38,7 @@
 			</button>
 		</li>
 		<li>
-			<button class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" onclick="toggleElement('profile-toggleable-mobile', 'coin-transfer-mobile')">
+			<button class="dropdown-item block w-full text-left px-4 py-2 text-sm text-gray-200 bg-gradient-to-t hover:from-red-800 hover:to-red-700 hover:shadow-inner focus:shadow-inner focus:bg-gradient-to-t focus:from-red-800 focus:to-red-700" data-bs-toggle="modal" data-bs-target="#giftCoinsModal">
 				<i class="fas fa-gift fa-sm fa-fw mr-4"></i>
 				Gift {{'COINS_NAME' | app_config}}
 			</button>
diff --git a/files/templates/modals/ModalGiftCoins.html b/files/templates/modals/ModalGiftCoins.html
new file mode 100644
index 000000000..e054de62c
--- /dev/null
+++ b/files/templates/modals/ModalGiftCoins.html
@@ -0,0 +1,41 @@
+<div class="modal fade" id="giftCoinsModal" tabindex="-1" role="dialog" aria-labelledby="giftCoinsTitle" aria-hidden="true">
+	<div class="modal-dialog modal-dialog-centered mx-auto max-w-xl" role="document">
+		<div class="modal-content mx-auto max-w-xl bg-gray-100 rounded-md shadow-lg">
+			<div class="modal-header">
+				<h5 class="font-bold text-xl text-black font-heading leading-normal">Gift Dramacoin to @{{u.username}}</h5>
+				<button type="button" class="close" data-bs-dismiss="modal" aria-label="Close">
+					<span aria-hidden="true"><i class="far fa-times"></i></span>
+				</button>
+			</div>
+			<div class="modal-body">
+				<form class="hidden profile-toggleable-mobile" id='message-mobile' action="/@{{u.username}}/message" method="post">
+					<pre></pre>
+					<textarea id="input-message-mobile" form="message-mobile" name="message" rows="3" maxlength="1000" class="form-control" required></textarea>
+					<pre></pre>
+					<pre class="btn btn-secondary format d-inline-block m-0 fas fa-bold" aria-hidden="true" onclick="makeBold('input-message-mobile')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Bold"></pre>
+					&nbsp;
+					<pre class="btn btn-secondary format d-inline-block m-0 fas fa-italic" aria-hidden="true" onclick="makeItalics('input-message-mobile')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Italicize"></pre>
+					&nbsp;
+					<pre class="btn btn-secondary format d-inline-block m-0 fas fa-quote-right" aria-hidden="true" onclick="makeQuote('input-message-mobile')" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Quote"></pre>
+					&nbsp;
+					<pre class="btn btn-secondary format d-inline-block m-0 fas fa-smile-beam" onclick="loadEmojis('input-message-mobile')" aria-hidden="true" data-bs-toggle="modal" data-bs-target="#emojiModal" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-original-title="Add Emoji"></pre>
+					&nbsp;
+					<input type="submit" value="Submit" class="btn btn-primary mt-3">
+				</form>
+
+				<div class="mt-3">
+					<input autocomplete="off" id="coins-transfer-amount-mobile" class="form-control" name="amount" type="number" oninput="updateTax(true)">
+					<div>{{u.username}} will receive <span id="coins-transfer-taxed-mobile">0</span> {{'COINS_NAME' | app_config}}</div>
+				</div>
+			</div>
+			<div class="flex justify-end space-x-2 border-t border-gray-300 p-4">
+				<button type="button" class="px-4 py-2 text-sm font-bold text-gray-500 hover:text-gray-700" data-bs-dismiss="modal">
+					Cancel
+				</button>
+				<button onclick="transferCoins(true)" class="block px-4 py-2 bg-gradient-to-t from-red-700 to-red-600 hover:from-red-600 hover:to-red-700 active:shadow-inner border border-red-900 rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold text-gray-100 focus:text-gray-400 focus:outline-none">
+					Gift coins
+				</button>
+			</div>
+		</div>
+	</div>
+</div>
\ No newline at end of file
diff --git a/files/templates/userpage.html b/files/templates/userpage.html
index 42ea56219..b18a23f69 100644
--- a/files/templates/userpage.html
+++ b/files/templates/userpage.html
@@ -302,12 +302,13 @@
 
 {% block modals %}
 {% if v %}
-{% include "emoji_modal.html" %}
-{% include "gif_modal.html" %}
-{% include "/modals/ModalDirectMessage.html" %}
-{% if v.admin_level > 1 %}
-{% include "/modals/ModalAdminManageUser.html" %}
-{% endif %}
+	{% include "emoji_modal.html" %}
+	{% include "gif_modal.html" %}
+	{% include "/modals/ModalDirectMessage.html" %}
+	{% include "/modals/ModalGiftCoins.html" %}
+	{% if v.admin_level > 1 %}
+		{% include "/modals/ModalAdminManageUser.html" %}
+	{% endif %}
 {% endif %}
 {% endblock %}