diff --git a/packages/canvas-rce/src/rce/plugins/shared/Upload/UnsplashPanel.js b/packages/canvas-rce/src/rce/plugins/shared/Upload/UnsplashPanel.js
index fedebab60c7..9af224ceaec 100644
--- a/packages/canvas-rce/src/rce/plugins/shared/Upload/UnsplashPanel.js
+++ b/packages/canvas-rce/src/rce/plugins/shared/Upload/UnsplashPanel.js
@@ -216,7 +216,7 @@ export default function UnsplashPanel({source, setUnsplashData, brandColor, live
                     variant="link"
                     fluidWidth
                     theme={{
-                      mediumPadding: '0'
+                      mediumPaddingHorizontal: '0'
                     }}
                     onClick={() => {
                       setSelectedImage(resultImage.id)
diff --git a/ui/features/account_course_user_search/react/components/CoursesListHeader.js b/ui/features/account_course_user_search/react/components/CoursesListHeader.js
index cb065803683..a172f571c47 100644
--- a/ui/features/account_course_user_search/react/components/CoursesListHeader.js
+++ b/ui/features/account_course_user_search/react/components/CoursesListHeader.js
@@ -29,7 +29,7 @@ export default function CourseListHeader({sort, order, onChangeSort, id, label,
       <Button
         variant="link"
         onClick={preventDefault(() => onChangeSort(id))}
-        theme={{fontWeight: '700', mediumPadding: '0', mediumHeight: '1.5rem'}}
+        theme={{fontWeight: '700', mediumPaddingHorizontal: '0', mediumHeight: '1.5rem'}}
       >
         {label}
         {sort === id ? order === 'asc' ? <IconMiniArrowUpSolid /> : <IconMiniArrowDownSolid /> : ''}
diff --git a/ui/features/account_course_user_search/react/components/UserLink.js b/ui/features/account_course_user_search/react/components/UserLink.js
index 805f256803c..477b7750f3e 100644
--- a/ui/features/account_course_user_search/react/components/UserLink.js
+++ b/ui/features/account_course_user_search/react/components/UserLink.js
@@ -24,7 +24,7 @@ export default function UserLink({size, avatar_url, name, avatarName, ...propsTo
   return (
     <Button
       variant="link"
-      theme={{mediumPadding: '0', mediumHeight: '1rem'}}
+      theme={{mediumPaddingHorizontal: '0', mediumHeight: '1rem'}}
       {...propsToPassOnToLink}
     >
       <Avatar
diff --git a/ui/features/account_course_user_search/react/components/UsersListHeader.js b/ui/features/account_course_user_search/react/components/UsersListHeader.js
index 6475a4f6455..61eeebc7a22 100644
--- a/ui/features/account_course_user_search/react/components/UsersListHeader.js
+++ b/ui/features/account_course_user_search/react/components/UsersListHeader.js
@@ -38,7 +38,7 @@ export default function UsersListHeader(props) {
             onUpdateFilters({search_term, sort: id, order: newOrder, role_filter_id})
           })}
           variant="link"
-          theme={{fontWeight: '700', mediumPadding: '0', mediumHeight: '1.5rem'}}
+          theme={{fontWeight: '700', mediumPaddingHorizontal: '0', mediumHeight: '1.5rem'}}
         >
           {label}
           {sort === id ? (
diff --git a/ui/features/announcements/react/components/ExternalFeedsTray.js b/ui/features/announcements/react/components/ExternalFeedsTray.js
index a3cd20d60e0..fb3b82c9486 100644
--- a/ui/features/announcements/react/components/ExternalFeedsTray.js
+++ b/ui/features/announcements/react/components/ExternalFeedsTray.js
@@ -76,7 +76,7 @@ export default class ExternalFeedsTray extends Component {
             }}
             href={this.props.atomFeedUrl}
             icon={IconRssLine}
-            theme={{mediumPadding: '0', mediumHeight: '1.5rem'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: '1.5rem'}}
           >
             {I18n.t('RSS Feed')}
           </Button>
diff --git a/ui/features/assignment_grade_summary/react/components/GradesGrid/GridRow.js b/ui/features/assignment_grade_summary/react/components/GradesGrid/GridRow.js
index ac45c56dde4..c88cd0b4f31 100644
--- a/ui/features/assignment_grade_summary/react/components/GradesGrid/GridRow.js
+++ b/ui/features/assignment_grade_summary/react/components/GradesGrid/GridRow.js
@@ -63,7 +63,7 @@ export default class GridRow extends Component {
         <th className="GradesGrid__BodyRowHeader" role="rowheader" scope="row">
           <Button
             variant="link"
-            theme={{mediumPadding: '0', mediumHeight: '1.25rem'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: '1.25rem'}}
             href={this.props.row.speedGraderUrl}
           >
             {this.props.row.studentName}
diff --git a/ui/features/assignments_show_student/react/components/AssignmentGroupModuleNav.js b/ui/features/assignments_show_student/react/components/AssignmentGroupModuleNav.js
index 383a853b91f..264b6e8bfe8 100644
--- a/ui/features/assignments_show_student/react/components/AssignmentGroupModuleNav.js
+++ b/ui/features/assignments_show_student/react/components/AssignmentGroupModuleNav.js
@@ -34,7 +34,7 @@ export default function AssignmentGroupModuleNav({assignment}) {
             data-testid="module-link"
             href={env.moduleUrl}
             variant="link"
-            theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
           >
             {module.name}
           </Button>
@@ -46,7 +46,7 @@ export default function AssignmentGroupModuleNav({assignment}) {
             data-testid="more-module-link"
             href={env.moduleUrl}
             variant="link"
-            theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
           >
             {I18n.t('More Modules')}
           </Button>
@@ -59,7 +59,7 @@ export default function AssignmentGroupModuleNav({assignment}) {
             data-testid="assignmentgroup-link"
             href={env.assignmentUrl}
             variant="link"
-            theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+            theme={{mediumPadmediumPaddingHorizontalding: '0', mediumHeight: 'normal'}}
           >
             {assignmentGroup.name}
           </Button>
diff --git a/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentTray.js b/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentTray.js
index 44b3e07d952..782835d03f2 100644
--- a/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentTray.js
+++ b/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentTray.js
@@ -155,7 +155,7 @@ export default class StudentTray extends React.Component {
             icon={IconEmailLine}
             buttonRef={b => (this.messageStudentsButton = b)}
             onClick={this.handleMessageButtonClick}
-            theme={{mediumPadding: '0', mediumHeight: '1.5rem'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: '1.5rem'}}
           >
             {I18n.t('Message Student')}
           </Button>
@@ -164,7 +164,7 @@ export default class StudentTray extends React.Component {
           variant="link"
           icon={IconUploadLine}
           onClick={this.handleSubmitForStudent}
-          theme={{mediumPadding: '0', mediumHeight: '1.5rem'}}
+          theme={{mediumPaddingHorizontal: '0', mediumHeight: '1.5rem'}}
         >
           {I18n.t('Submit for Student')}
         </Button>
diff --git a/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentsTable.js b/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentsTable.js
index eba800e8263..655f8e022b9 100644
--- a/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentsTable.js
+++ b/ui/features/assignments_show_teacher/react/components/StudentsTab/StudentsTable.js
@@ -128,7 +128,7 @@ export default class StudentsTable extends React.Component {
             href={viewLink}
             target="_blank"
             variant="link"
-            theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
           >
             {I18n.t('Attempt %{number}', {number: attempt.attempt})}
           </Button>
diff --git a/ui/features/course_link_validator/react/ValidatorResultsRow.js b/ui/features/course_link_validator/react/ValidatorResultsRow.js
index e8aaf09ebf7..029daca7d0f 100644
--- a/ui/features/course_link_validator/react/ValidatorResultsRow.js
+++ b/ui/features/course_link_validator/react/ValidatorResultsRow.js
@@ -141,7 +141,7 @@ export default function ValidatorResultsRow(props) {
             <Button
               variant="link"
               href={props.result.content_url}
-              theme={{mediumPadding: '0', mediumHeight: '1.25rem'}}
+              theme={{mediumPaddingHorizontal: '0', mediumHeight: '1.25rem'}}
             >
               {props.result.name}
             </Button>
diff --git a/ui/features/gradebook/react/default_gradebook/components/SimilarityScore.js b/ui/features/gradebook/react/default_gradebook/components/SimilarityScore.js
index 9e3ad3f285f..702793c21e9 100644
--- a/ui/features/gradebook/react/default_gradebook/components/SimilarityScore.js
+++ b/ui/features/gradebook/react/default_gradebook/components/SimilarityScore.js
@@ -62,7 +62,7 @@ export default class SimilarityScore extends PureComponent {
                 variant="link"
                 icon={statusIcon}
                 href={reportUrl}
-                theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
               >
                 <Text margin="auto auto auto small">
                   {I18n.t('%{score}% similarity score', {score: displayScore})}
diff --git a/ui/features/gradebook/react/default_gradebook/components/SubmissionCommentListItem.js b/ui/features/gradebook/react/default_gradebook/components/SubmissionCommentListItem.js
index 02b3300cc67..3fbe39d65bc 100644
--- a/ui/features/gradebook/react/default_gradebook/components/SubmissionCommentListItem.js
+++ b/ui/features/gradebook/react/default_gradebook/components/SubmissionCommentListItem.js
@@ -120,7 +120,7 @@ export default class SubmissionCommentListItem extends React.Component {
                 <Button
                   href={this.props.authorUrl}
                   variant="link"
-                  theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                  theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
                   margin="none none xxx-small"
                 >
                   {TextHelper.truncateText(this.props.author, {max: 22})}
diff --git a/ui/features/gradebook/react/default_gradebook/components/SubmissionTray.js b/ui/features/gradebook/react/default_gradebook/components/SubmissionTray.js
index c5aac65573f..abaf98917e3 100644
--- a/ui/features/gradebook/react/default_gradebook/components/SubmissionTray.js
+++ b/ui/features/gradebook/react/default_gradebook/components/SubmissionTray.js
@@ -343,7 +343,7 @@ export default class SubmissionTray extends React.Component {
                 <Button
                   href={this.props.student.gradesUrl}
                   variant="link"
-                  theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                  theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
                 >
                   {name}
                 </Button>
@@ -364,7 +364,7 @@ export default class SubmissionTray extends React.Component {
                 <Button
                   href={this.props.assignment.htmlUrl}
                   variant="link"
-                  theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                  theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
                 >
                   {this.props.assignment.name}
                 </Button>
diff --git a/ui/features/permissions/react/components/PermissionsTable.js b/ui/features/permissions/react/components/PermissionsTable.js
index 39343e668ff..110ab57de59 100644
--- a/ui/features/permissions/react/components/PermissionsTable.js
+++ b/ui/features/permissions/react/components/PermissionsTable.js
@@ -225,7 +225,7 @@ export default class PermissionsTable extends Component {
                 variant="link"
                 onClick={() => this.props.setAndOpenPermissionTray(perm)}
                 id={`permission_${name}`}
-                theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
                 fluidWidth
               >
                 {perm.label}
diff --git a/ui/shared/add-people/react/components/duplicate_section.js b/ui/shared/add-people/react/components/duplicate_section.js
index 6c1672f3b96..54a0035ca52 100644
--- a/ui/shared/add-people/react/components/duplicate_section.js
+++ b/ui/shared/add-people/react/components/duplicate_section.js
@@ -208,7 +208,7 @@ class DuplicateSection extends React.Component {
               <Button
                 variant="link"
                 onClick={this.onSelectNewForDuplicate}
-                theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
               >
                 {I18n.t('Create a new user for "%{address}"', {address: duplicateSet.address})}
               </Button>
@@ -237,7 +237,7 @@ class DuplicateSection extends React.Component {
           <Button
             onClick={this.onSkipDuplicate}
             variant="link"
-            theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+            theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
           >
             {I18n.t('Don’t add this user for now.')}
           </Button>
diff --git a/ui/shared/add-people/react/components/missing_people_section.js b/ui/shared/add-people/react/components/missing_people_section.js
index 72092830c99..7b309fcc69e 100644
--- a/ui/shared/add-people/react/components/missing_people_section.js
+++ b/ui/shared/add-people/react/components/missing_people_section.js
@@ -303,7 +303,7 @@ class MissingPeopleSection extends React.Component {
                 variant="link"
                 onClick={this.onSelectNewForMissing}
                 data-address={missing.address}
-                theme={{mediumPadding: '0', mediumHeight: 'normal'}}
+                theme={{mediumPaddingHorizontal: '0', mediumHeight: 'normal'}}
               >
                 {namePrompt}
               </Button>
diff --git a/ui/shared/course-homepage/react/Dialog.js b/ui/shared/course-homepage/react/Dialog.js
index ae7550f962f..36b6ad444f8 100644
--- a/ui/shared/course-homepage/react/Dialog.js
+++ b/ui/shared/course-homepage/react/Dialog.js
@@ -171,7 +171,7 @@ class CourseHomeDialog extends React.Component {
               <Button
                 variant="link"
                 href={wikiUrl}
-                theme={{mediumPadding: '0', mediumHeight: '1.5rem'}}
+                theme={{mediumPaddingHorizontal: '0', mediumHeight: '1.5rem'}}
               >
                 {I18n.t('Front Page must be set first')}
               </Button>