diff --git a/res/welcome.html b/res/welcome.html
index 8dd70d6d..d98ff63d 100644
--- a/res/welcome.html
+++ b/res/welcome.html
@@ -76,15 +76,15 @@ h1::after {
     margin: 28px 0;
 }
 
-.mx_buttonheadline {
+.mx_ButtonHeadline {
     margin-bottom: 14px;
 }
 
-.mx_buttonlabel {
+.mx_ButtonLabel {
     margin-left: 20px;
 }
 
-.mx_buttonwrappertext {
+.mx_ButtonWrapperText {
     font-size: 13px;
     margin-bottom: 10px;
 }
@@ -111,7 +111,7 @@ h1::after {
     color: white !important;
 }
 
-.mx_secondarybutton {
+.mx_SecondaryButton {
     background-color: #FFFFFF;
     color: #2E2F32;
 }
@@ -139,23 +139,23 @@ h1::after {
     <h4 class="mx_Header22">_t("Decentralised, encrypted chat &amp; collaboration powered by [matrix]")</h4>
     <div class="mx_ButtonRow">
         <a href="#/login" class="mx_ButtonParent mx_ButtonSignIn mx_Button_iconSignIn">
-            <div class="mx_buttonlabel">_t("Sign In")</div>
+            <div class="mx_ButtonLabel">_t("Sign In")</div>
         </a>
         <a href="#/register" class="mx_ButtonParent mx_ButtonCreateAccount mx_Button_iconCreateAccount">
-            <div class="mx_buttonlabel">_t("Create Account")</div>
+            <div class="mx_ButtonLabel">_t("Create Account")</div>
         </a>
     </div>
     <div class="mx_ButtonRow">
-        <div class="mx_buttonwrapper">
-            <div class="mx_buttonwrappertext">_t("Need help?")</div>
-            <a href="#/user/@riot-bot:matrix.org?action=chat" class="mx_ButtonParent mx_secondarybutton mx_Button_iconHelp">
-                <div class="mx_buttonlabel">_t("Chat with Riot Bot")</div>
+        <div>
+            <div class="mx_ButtonWrapperText">_t("Need help?")</div>
+            <a href="#/user/@riot-bot:matrix.org?action=chat" class="mx_ButtonParent mx_SecondaryButton mx_Button_iconHelp">
+                <div class="mx_ButtonLabel">_t("Chat with Riot Bot")</div>
             </a>
         </div>
-        <div class="mx_buttonwrapper">
-            <div class="mx_buttonwrappertext">_t("Explore rooms")</div>
-            <a href="#/directory" class="mx_ButtonParent mx_secondarybutton mx_Button_iconRoomDirectory">
-                <div class="mx_buttonlabel">_t("Room Directory")</div>
+        <div>
+            <div class="mx_ButtonWrapperText">_t("Explore rooms")</div>
+            <a href="#/directory" class="mx_ButtonParent mx_SecondaryButton mx_Button_iconRoomDirectory">
+                <div class="mx_ButtonLabel">_t("Room Directory")</div>
             </a>
         </div>
     </div>