diff --git a/epicyon-options.css b/epicyon-options.css
index 3fe023a1..5eeecaa5 100644
--- a/epicyon-options.css
+++ b/epicyon-options.css
@@ -146,6 +146,21 @@ textarea {
         cursor: pointer;
         margin: 30px;
     }
+    .buttonsmall {
+        border-radius: 4px;
+        background-color: var(--button-background);
+        font-family: Arial, Helvetica, sans-serif;
+        border: none;
+        color: var(--button-text);
+        text-align: center;
+        padding: 10px;
+        font-size: 24px;
+        width: 10%;
+        max-width: 200px;
+        min-width: 100px;
+        cursor: pointer;
+        margin: 30px;
+    }
     input[type=checkbox]
     {
         -ms-transform: scale(2);
@@ -186,6 +201,21 @@ textarea {
         cursor: pointer;
         margin: 30px;
     }
+    .buttonsmall {
+        border-radius: 4px;
+        background-color: var(--button-background);
+        font-family: Arial, Helvetica, sans-serif;
+        border: none;
+        color: var(--button-text);
+        text-align: center;
+        padding: 10px;
+        font-size: 40px;
+        width: 10%;
+        max-width: 200px;
+        min-width: 100px;
+        cursor: pointer;
+        margin: 30px;
+    }
     input[type=checkbox]
     {
         -ms-transform: scale(4);
diff --git a/webinterface.py b/webinterface.py
index 7f94edd5..3a329c8a 100644
--- a/webinterface.py
+++ b/webinterface.py
@@ -5624,7 +5624,8 @@ def htmlPersonOptions(translate: {}, baseDir: str,
             translate['Petname'] + ': ' + \
             '<input type="text" name="optionpetname" value="' + \
             petname + '">\n' \
-            '<button type="submit" class="button" name="submitPetname">' + \
+            '<button type="submit" class="buttonsmall" ' + \
+            'name="submitPetname">' + \
             translate['Submit'] + '</button><br>\n'
 
     if isFollowingActor(baseDir, nickname, domain, optionsActor):
@@ -5634,7 +5635,7 @@ def htmlPersonOptions(translate: {}, baseDir: str,
                 '<input type="checkbox" ' + \
                 'class="profilecheckbox" name="onCalendar" checked> ' + \
                 translate['Receive calendar events from this account'] + \
-                '<button type="submit" class="button" ' + \
+                '<button type="submit" class="buttonsmall" ' + \
                 'name="submitOnCalendar">' + \
                 translate['Submit'] + '</button><br>\n'
         else:
@@ -5642,7 +5643,7 @@ def htmlPersonOptions(translate: {}, baseDir: str,
                 '<input type="checkbox" ' + \
                 'class="profilecheckbox" name="onCalendar"> ' + \
                 translate['Receive calendar events from this account'] + \
-                '<button type="submit" class="button" ' + \
+                '<button type="submit" class="buttonsmall" ' + \
                 'name="submitOnCalendar">' + \
                 translate['Submit'] + '</button><br>\n'
 
@@ -5677,7 +5678,7 @@ def htmlPersonOptions(translate: {}, baseDir: str,
 
     optionsStr += \
         '    <br><br>' + translate['Notes'] + ': \n'
-    optionsStr += '<button type="submit" class="button" ' + \
+    optionsStr += '<button type="submit" class="buttonsmall" ' + \
         'name="submitPersonNotes">' + \
         translate['Submit'] + '</button><br>\n'
     optionsStr += \