diff --git a/app/views/activities/_coding_scratchpad.html.erb b/app/views/activities/_coding_scratchpad.html.erb
index 0a89b8b7e5..43f92d118b 100644
--- a/app/views/activities/_coding_scratchpad.html.erb
+++ b/app/views/activities/_coding_scratchpad.html.erb
@@ -10,8 +10,10 @@
       &nbsp; <%= t('.title', programming_language: activity.programming_language.name.titleize) %>
   </h4>
   <div class="flex-spacer"></div>
-  <button class="btn-close btn-close-white" id="scratchpad-offcanvas-close-btn"
-  data-bs-dismiss="offcanvas" aria-label="<%= t '.close' %>"></button>
+  <button class="btn btn-icon btn-icon-inverted" id="scratchpad-offcanvas-close-btn"
+  data-bs-dismiss="offcanvas" aria-label="<%= t '.close' %>">
+    <i class="mdi mdi-close mdi-24"></i>
+  </button>
   </div>
   <div class="offcanvas-body scratchpad-margin">
     <div class="row scratchpad-body">