diff --git a/myproject/myapp/templates/payment_cancelled.html b/myproject/myapp/templates/payment_cancelled.html
index a4793ade698d0177454789050a8da0547d28127d..a7b8001b6ae76681081d5302a1c8868e49fc21f0 100644
--- a/myproject/myapp/templates/payment_cancelled.html
+++ b/myproject/myapp/templates/payment_cancelled.html
@@ -1,5 +1,10 @@
 {% extends "_base.html" %}{% block content %}
-<h1>Payment Cancelled</h1>
-<p>Your payment has been cancelled.</p>
-<button><a href="{% url 'pricing' %}">Return</a></button>
-{% endblock content%}
+<div class="grid grid-cols-1 gap-16 items-center py-8 px-4 mx-auto w-70 lg:grid">
+    <div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
+        <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Payment Cancelled</h2>
+        <p class="mb-4">Your payment has been cancelled.</p>
+    </div>
+</div>
+
+<button class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-200 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 inline-flex justify-center text-center"><a href="{% url 'pricing' %}">Return</a></button>
+{% endblock content%}
\ No newline at end of file
diff --git a/myproject/myapp/templates/payment_success.html b/myproject/myapp/templates/payment_success.html
index 75ce641f7ab076493b7c70e70c9b2072d26d60d0..8496abe27218036de5f59812760e16c1b43ba7c9 100644
--- a/myproject/myapp/templates/payment_success.html
+++ b/myproject/myapp/templates/payment_success.html
@@ -1,5 +1,10 @@
 {% extends "_base.html" %}{% block content %}
-<h1>Success!</h1>
-<p>Your payment was successful and you have been credited with 1 token.</p>
-<button><a href="{% url 'users' %}">Return</a></button>
+<div class="grid grid-cols-1 gap-16 items-center py-8 px-4 mx-auto w-70 lg:grid">
+    <div class="font-light text-gray-500 sm:text-lg dark:text-gray-400">
+        <h2 class="mb-4 text-4xl tracking-tight font-extrabold text-gray-900 dark:text-white">Success!</h2>
+        <p class="mb-4">Your payment was successful and you have been credited with 1 token.</p>
+    </div>
+</div>
+
+<button class="text-white bg-blue-700 hover:bg-blue-800 focus:ring-4 focus:outline-none focus:ring-blue-200 dark:bg-blue-600 dark:hover:bg-blue-700 dark:focus:ring-blue-900 font-medium rounded-lg text-sm px-5 py-2.5 inline-flex justify-center text-center"><a href="{% url 'users' %}">Return</a></button>
 {% endblock content%}