diff --git a/src/General/css/style.css b/src/General/css/style.css
index a9f2fe547..cac7c19bd 100755
--- a/src/General/css/style.css
+++ b/src/General/css/style.css
@@ -1248,7 +1248,7 @@ body:not(.board_i) .oekaki,
 body:not(.board_jp) #sjis-toggle {
   display: none;
 }
-#sjis-toggle {
+.persona button {
   -webkit-flex: 0 0 23px;
   flex: 0 0 23px;
   -webkit-align-self: stretch;
diff --git a/src/General/css/tomorrow.css b/src/General/css/tomorrow.css
index 57bce5767..f24da5a6e 100755
--- a/src/General/css/tomorrow.css
+++ b/src/General/css/tomorrow.css
@@ -94,16 +94,16 @@
   border-color: rgb(129, 162, 190) !important;
   background-color: rgb(30,32,36);
 }
-:root.tomorrow #sjis-toggle {
+:root.tomorrow .persona button {
   background: linear-gradient(to bottom, #2E3035, #222427) no-repeat;
   color: rgb(197,200,198);
   border-color: rgb(40, 41, 42);
   outline: none;
 }
-:root.tomorrow #sjis-toggle::-moz-focus-inner {
+:root.tomorrow .persona button::-moz-focus-inner {
   border: none;
 }
-:root.tomorrow #sjis-toggle:focus {
+:root.tomorrow .persona button:focus {
   border-color: rgb(129, 162, 190);
 }
 :root.tomorrow #qr.sjis-preview #sjis-toggle {
diff --git a/src/General/html/Features/QuickReply.html b/src/General/html/Features/QuickReply.html
index d7b901e5c..6af2692bf 100755
--- a/src/General/html/Features/QuickReply.html
+++ b/src/General/html/Features/QuickReply.html
@@ -10,7 +10,7 @@
 </div>
 <form>
   <div class="persona">
-    <input type="button" id="sjis-toggle" title="Toggle Mona font" value="∀">
+    <button type="button" id="sjis-toggle" title="Toggle Mona font">∀</button>
     <input name="name" data-name="name" list="list-name" placeholder="Name" class="field" size="1">
     <input name="email" data-name="email" list="list-email" placeholder="Options" class="field" size="1">
     <input name="sub" data-name="sub" list="list-sub" placeholder="Subject" class="field" size="1">