diff --git a/src/main/resources/templates/classrooms/new.html b/src/main/resources/templates/classrooms/new.html
index cb9ee66..bcdd3b7 100644
--- a/src/main/resources/templates/classrooms/new.html
+++ b/src/main/resources/templates/classrooms/new.html
@@ -41,10 +41,10 @@
         </div>
 
         <div class="mt-6 flex items-center justify-end gap-x-6">
-            <a th:href="@{/}">
-                <button type="button" class="text-sm font-semibold leading-6 text-gray-900">Cancel</button>
+            <a th:href="@{/}" class="btn-secondary">
+                Cancel
             </a>
-            <button type="submit" class="rounded-md bg-indigo-600 px-3 py-2 text-sm font-semibold text-white shadow-sm hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600">Create</button>
+            <button type="submit" class="btn-primary">Create</button>
         </div>
 
         <input