diff --git a/files/templates/modals/ModalGiftCoins.html b/files/templates/modals/ModalGiftCoins.html
index e054de62c9..42f2d6243f 100644
--- a/files/templates/modals/ModalGiftCoins.html
+++ b/files/templates/modals/ModalGiftCoins.html
@@ -8,31 +8,40 @@
 				</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 class="profile-toggleable" id="message" action="/@{{u.username}}/message" method="post">
+					<div class="relative rounded-lg border border-gray-300 bg-gray-100 shadow-inner w-full"> 
+						<textarea maxlength="1000" id="gift-message" name="message" form="message" class="w-full rounded-t-md p-3 bg-transparent focus:bg-white shadow-inner resize-y focus:outline-none" aria-label="With textarea" placeholder="'tis the season of giving..." rows="3"></textarea>
+						<ul class="-mt-1 flex space-x-4 px-3 py-2 border-t border-dashed border-gray-400 mb-0">
+							<li>
+								<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeBold('gift-message')">
+									<i class="fas fa-bold fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Bold"></i>
+								</button>
+							</li>
+							<li>
+								<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeItalics('gift-message')">
+									<i class="fas fa-italic fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Italicize"></i>
+								</button>
+							</li>
+							<li>
+								<button type="button" class="text-gray-400 hover:text-gray-500" onclick="makeQuote('gift-message')">
+									<i class="fas fa-quote-right fa-fw fa-sm" data-bs-toggle="tooltip" data-bs-placement="bottom"  title="" data-bs-original-title="Quote"></i>
+								</button>
+							</li>
+						</ul>
+					</div>
 				</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>
+					<input autocomplete="off" id="coins-transfer-amount" class="form-input" name="amount" type="number" oninput="updateTax()">
+					<p class="mt-1 text-sm text-gray-400">
+						{{u.username}} will receive <strong id="coins-transfer-taxed-mobile">0</strong> {{'COINS_NAME' | app_config}}
+					</p>
 				</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">
+				<button onclick="transferCoins(true)" class="btn btn-green">
 					Gift coins
 				</button>
 			</div>