diff --git a/docs/User Guide/User Guide/Theme development/Creating a custom theme.md b/docs/User Guide/User Guide/Theme development/Creating a custom theme.md
index 80c881caa..a2005b766 100644
--- a/docs/User Guide/User Guide/Theme development/Creating a custom theme.md	
+++ b/docs/User Guide/User Guide/Theme development/Creating a custom theme.md	
@@ -41,6 +41,6 @@ Do note that the theme will be based off of the legacy theme. To override that a
 
 ## Step 5. Making changes
 
-Simply go back to the note and change according to needs. To apply the changes to the current window, press Ctrl+Shift+R to refresh.
+Simply go back to the note and change according to needs. To apply the changes to the current window, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R </kbd> to refresh.
 
 It's a good idea to keep two windows, one for editing and the other one for previewing the changes.
\ No newline at end of file
diff --git a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html
index 575248946..607ace904 100644
--- a/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html	
+++ b/src/public/app/doc_notes/en/User Guide/User Guide/Theme development/Creating a custom theme.html	
@@ -75,7 +75,8 @@
         </p>
         <h2>Step 5. Making changes</h2>
         <p>Simply go back to the note and change according to needs. To apply the
-          changes to the current window, press Ctrl+Shift+R to refresh.</p>
+          changes to the current window, press <kbd>Ctrl</kbd>+<kbd>Shift</kbd>+<kbd>R </kbd> to
+          refresh.</p>
         <p>It's a good idea to keep two windows, one for editing and the other one
           for previewing the changes.</p>
       </div>