diff --git a/app/assets/javascripts/components/ConfirmSignoutModal.tsx b/app/assets/javascripts/components/ConfirmSignoutModal.tsx
index 6d3cc19f2..b432caf83 100644
--- a/app/assets/javascripts/components/ConfirmSignoutModal.tsx
+++ b/app/assets/javascripts/components/ConfirmSignoutModal.tsx
@@ -83,14 +83,14 @@ const ConfirmSignoutModal = observer(({ application, appState }: Props) => {
                 )}
                 <div className="flex my-1 mt-4">
                   <button
-                    className="sn-button neutral"
+                    className="sn-button small neutral"
                     ref={cancelRef}
                     onClick={close}
                   >
                     Cancel
                   </button>
                   <button
-                    className="sn-button danger ml-2"
+                    className="sn-button small danger ml-2"
                     onClick={() => {
                       if (deleteLocalBackups) {
                         application.signOutAndDeleteLocalBackups();
diff --git a/app/assets/javascripts/components/NoAccountWarning.tsx b/app/assets/javascripts/components/NoAccountWarning.tsx
index 0b24927e7..d24334121 100644
--- a/app/assets/javascripts/components/NoAccountWarning.tsx
+++ b/app/assets/javascripts/components/NoAccountWarning.tsx
@@ -17,7 +17,7 @@ const NoAccountWarning = observer(({ appState }: Props) => {
         Sign in or register to back up your notes.
       </p>
       <button
-        className="sn-button info mt-3 col-start-1 col-end-3 justify-self-start"
+        className="sn-button small info mt-3 col-start-1 col-end-3 justify-self-start"
         onClick={(event) => {
           event.stopPropagation();
           appState.accountMenu.setShow(true);
diff --git a/app/assets/javascripts/components/NoProtectionsNoteWarning.tsx b/app/assets/javascripts/components/NoProtectionsNoteWarning.tsx
index 074bf9288..e3e9ec291 100644
--- a/app/assets/javascripts/components/NoProtectionsNoteWarning.tsx
+++ b/app/assets/javascripts/components/NoProtectionsNoteWarning.tsx
@@ -13,14 +13,14 @@ function NoProtectionsNoteWarning({ appState, onViewNote }: Props) {
       </p>
       <div className="mt-4 flex gap-3">
         <button
-          className="sn-button info"
+          className="sn-button small info"
           onClick={() => {
             appState.accountMenu.setShow(true);
           }}
         >
           Open account menu
         </button>
-        <button className="sn-button outlined" onClick={onViewNote}>
+        <button className="sn-button small outlined" onClick={onViewNote}>
           View note
         </button>
       </div>
diff --git a/app/assets/javascripts/components/SessionsModal.tsx b/app/assets/javascripts/components/SessionsModal.tsx
index facaa3dc4..6079e3aca 100644
--- a/app/assets/javascripts/components/SessionsModal.tsx
+++ b/app/assets/javascripts/components/SessionsModal.tsx
@@ -172,7 +172,7 @@ const SessionsModal: FunctionComponent<{
                                   {formatter.format(session.updated_at)}
                                 </p>
                                 <button
-                                  className="sn-button danger sk-label"
+                                  className="sn-button small danger sk-label"
                                   disabled={session.revoking}
                                   onClick={() =>
                                     setRevokingSessionUuid(session.uuid)
@@ -213,14 +213,14 @@ const SessionsModal: FunctionComponent<{
                     </AlertDialogDescription>
                     <div className="flex my-1 gap-2">
                       <button
-                        className="sn-button neutral sk-label"
+                        className="sn-button small neutral sk-label"
                         ref={cancelRevokeRef}
                         onClick={closeRevokeSessionAlert}
                       >
                         <span>{SessionStrings.RevokeCancelButton}</span>
                       </button>
                       <button
-                        className="sn-button danger sk-label"
+                        className="sn-button small danger sk-label"
                         onClick={() => {
                           closeRevokeSessionAlert();
                           revokeSession(confirmRevokingSessionUuid);
diff --git a/app/assets/templates/directives/account-menu.pug b/app/assets/templates/directives/account-menu.pug
index d2283ccfb..25b59ce37 100644
--- a/app/assets/templates/directives/account-menu.pug
+++ b/app/assets/templates/directives/account-menu.pug
@@ -175,14 +175,14 @@
             | or revoking an active session, require additional authentication
             | like entering your account password or application passcode.
           .sk-panel-row(ng-if="self.state.protectionsDisabledUntil")
-            button.sn-button.info(ng-click="self.enableProtections()")
+            button.sn-button.small.info(ng-click="self.enableProtections()")
              | Enable protections
         .sk-panel-section
           .sk-panel-section-title Passcode Lock
           div(ng-if='!self.state.hasPasscode')
             div(ng-if='self.state.canAddPasscode')
               .sk-panel-row(ng-if='!self.state.formData.showPasscodeForm')
-                button.sn-button.info(
+                button.sn-button.small.info(
                   ng-click='self.addPasscodeClicked(); $event.stopPropagation();'
                 ) Add Passcode
               p.sk-p
@@ -212,8 +212,8 @@
               placeholder='Confirm Passcode',
               type='password'
               )
-            button.sn-button.info.mt-2(type='submit') Set Passcode
-            button.sn-button.outlined.ml-2(
+            button.sn-button.small.info.mt-2(type='submit') Set Passcode
+            button.sn-button.small.outlined.ml-2(
               ng-click='self.state.formData.showPasscodeForm = false'
             ) Cancel
           div(ng-if='self.state.hasPasscode && !self.state.formData.showPasscodeForm')
@@ -264,9 +264,9 @@
                 p.sk-p Decrypted
           .sk-panel-row
           .flex
-            button.sn-button.info(ng-click='self.downloadDataArchive()')
+            button.sn-button.small.info(ng-click='self.downloadDataArchive()')
               | Download Backup
-            label.sn-button.info.ml-2
+            button.sn-button.small.info.ml-2
               input(
                 file-change='->',
                 handler='self.importFileSelected(files)',
@@ -294,7 +294,7 @@
             | local storage, and a new identifier will be created should you
             | decide to enable error reporting again in the future.
           .sk-panel-row
-            button(ng-click="self.toggleErrorReportingEnabled()").sn-button.info
+            button(ng-click="self.toggleErrorReportingEnabled()").sn-button.small.info
               | {{ self.state.errorReportingEnabled ? 'Disable' : 'Enable'}} Error Reporting
           .sk-panel-row
             a(ng-click="self.openErrorReportingDialog()").sk-a What data is being sent?
diff --git a/app/assets/templates/directives/component-view.pug b/app/assets/templates/directives/component-view.pug
index 4ae471f85..17d2b0c5f 100644
--- a/app/assets/templates/directives/component-view.pug
+++ b/app/assets/templates/directives/component-view.pug
@@ -5,7 +5,7 @@
         .sk-label.warning There was an issue loading {{ctrl.component.name}}.
     .right
       .sk-app-bar-item(ng-click='ctrl.reloadIframe()')
-        button.sn-button.info Reload
+        button.sn-button.small.info Reload
 .sn-component(ng-if='ctrl.expired')
   .sk-app-bar.no-edges.no-top-edge.dynamic-height
     .left
@@ -25,10 +25,10 @@
               | Extensions are in a read-only state.
     .right
       .sk-app-bar-item(ng-click='ctrl.reloadStatus(true)')
-        button.sn-button.info Reload
+        button.sn-button.small.info Reload
       .sk-app-bar-item
         .sk-app-bar-item-column
-          a.sn-button.warning(
+          a.sn-button.small.warning(
             href='https://standardnotes.org/help/41/expired',
             rel='noopener',
             target='_blank'
@@ -54,7 +54,7 @@
               li.sk-p
                 strong Use the Desktop application.
         .sk-panel-row
-          button.sn-button.info(
+          button.sn-button.small.info(
             ng-click='ctrl.reloadStatus()',
             ng-if='!ctrl.reloading'
           ) Reload
diff --git a/app/assets/templates/directives/password-wizard.pug b/app/assets/templates/directives/password-wizard.pug
index 52a58940f..25dcb4a3d 100644
--- a/app/assets/templates/directives/password-wizard.pug
+++ b/app/assets/templates/directives/password-wizard.pug
@@ -41,7 +41,7 @@
                 | Please ensure you are running the latest version of Standard Notes
                 | on all platforms to ensure maximum compatibility.
           .sk-panel-footer
-            button.sn-button.info(
+            button.sn-button.small.info(
               ng-click='ctrl.nextStep()',
               ng-disabled='ctrl.state.lockContinue'
             ) {{ctrl.state.continueTitle}}
diff --git a/app/assets/templates/directives/sync-resolution-menu.pug b/app/assets/templates/directives/sync-resolution-menu.pug
index 46b18ca16..a164f9020 100644
--- a/app/assets/templates/directives/sync-resolution-menu.pug
+++ b/app/assets/templates/directives/sync-resolution-menu.pug
@@ -34,12 +34,12 @@
             | perform a full account sync resolution.
           .sk-panel-row
             .flex.gap-2
-              button.sn-button.info(ng-click='ctrl.downloadBackup(true)') Encrypted
-              button.sn-button.info(ng-click='ctrl.downloadBackup(false)') Decrypted
-              button.sn-button.danger(ng-click='ctrl.skipBackup()') Skip
+              button.sn-button.small.info(ng-click='ctrl.downloadBackup(true)') Encrypted
+              button.sn-button.small.info(ng-click='ctrl.downloadBackup(false)') Decrypted
+              button.sn-button.small.danger(ng-click='ctrl.skipBackup()') Skip
         div(ng-if='ctrl.status.backupFinished')
           .sk-panel-row(ng-if='!ctrl.status.resolving && !ctrl.status.attemptedResolution')
-            button.sn-button.info(ng-click='ctrl.performSyncResolution()')
+            button.sn-button.small.info(ng-click='ctrl.performSyncResolution()')
               | Perform Sync Resolution
           .sk-panel-row.justify-left(ng-if='ctrl.status.resolving')
             .sk-horizontal-group