diff --git a/src/registrar/assets/sass/_theme/_admin.scss b/src/registrar/assets/sass/_theme/_admin.scss
index 98f3a7835..e9c13b895 100644
--- a/src/registrar/assets/sass/_theme/_admin.scss
+++ b/src/registrar/assets/sass/_theme/_admin.scss
@@ -271,21 +271,14 @@ h1, h2, h3,
     }
 }
 
-@include at-media(desktop){
-    .button-list-mobile {
-        display: block;
-    }
-}
-
-@include at-media(mobile){
-    .button-list-mobile {
-        display: contents;
-    }
-}
-
-.usa-button{
+.usa-button.admin-button{
     font-size: 14px;
     font-weight: normal;
+    background-color: var(--button-bg);
+}
+
+.usa-button--secondary.admin-button{
+    background-color: var(--delete-button-bg);
 }
 
 // Button groups in /admin incorrectly have bullets.
diff --git a/src/registrar/templates/django/admin/domain_change_form.html b/src/registrar/templates/django/admin/domain_change_form.html
index 1a21f4a90..d45122422 100644
--- a/src/registrar/templates/django/admin/domain_change_form.html
+++ b/src/registrar/templates/django/admin/domain_change_form.html
@@ -12,8 +12,8 @@
         <div class="desktop:flex-align-self-end">
             {% if original.state != original.State.DELETED %}
             <span class="admin-confirmation-buttons" hidden>
-                <button type="submit" class="usa-button" name="_extend_expiration_date">Confirm extension</button>
-                <button type="button" id="cancel-extend-button" class="usa-button usa-button--secondary">Cancel</button>
+                <button type="submit" class="usa-button admin-button" name="_extend_expiration_date">Confirm extension</button>
+                <button type="button" id="cancel-extend-button" class="usa-button usa-button--secondary admin-button">Cancel</button>
             </span>
             <input id="extend-expiration-button" type="button" value="Extend expiration date" class="custom-link-button">
             {% endif %}