diff --git a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
index 6958d6e6f..28af84219 100644
--- a/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
+++ b/src/registrar/assets/sass/_theme/_uswds-theme-custom-styles.scss
@@ -221,7 +221,7 @@ a.breadcrumb__back {
   padding-top: units(5);
 }
 
-section.dashboard {
+.section--outlined {
   background-color: color('white');
   border: 1px solid color('base-lighter');
   border-radius: 4px;
diff --git a/src/registrar/templates/domain_users.html b/src/registrar/templates/domain_users.html
index 3fc67365d..1f6de4336 100644
--- a/src/registrar/templates/domain_users.html
+++ b/src/registrar/templates/domain_users.html
@@ -7,7 +7,7 @@
   <h1>User management</h1>
 
   {% if domain.permissions %}
-  <section class="dashboard">
+  <section class="section--outlined">
   <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table--stacked dotgov-table">
     <h2 class> Active users </h2>
     <caption class="sr-only">Domain users</caption>
@@ -42,7 +42,7 @@
   </section>
 
   {% if domain.invitations.exists %}
-  <section class="dashboard">
+  <section class="section--outlined">
   <h2>Invitations</h2>
   <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table--stacked dotgov-table">
       <caption class="sr-only">Domain invitations</caption>
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html
index 5d819772d..6e71a4788 100644
--- a/src/registrar/templates/home.html
+++ b/src/registrar/templates/home.html
@@ -14,7 +14,7 @@
 
   <p><a href="{% url 'application:' %}" class="usa-button">Start a new domain request</a></p>
 
-  <section class="dashboard tablet:grid-col-11 desktop:grid-col-10">
+  <section class="section--outlined tablet:grid-col-11 desktop:grid-col-10">
     <h2>Registered domains</h2>
     {% if domains %}
     <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked">
@@ -53,7 +53,7 @@
     {% endif %}
   </section>
 
-  <section class="dashboard tablet:grid-col-11 desktop:grid-col-10">
+  <section class="section--outlined tablet:grid-col-11 desktop:grid-col-10">
     <h2>Active domain requests</h2>
     {% if domain_applications %}
     <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked">
@@ -104,7 +104,7 @@
     <p><a href="{% url 'application:' %}" class="usa-button">Start a new domain request</a></p>
   </section>
 
-  <section class="dashboard tablet:grid-col-11 desktop:grid-col-10">
+  <section class="section--outlined tablet:grid-col-11 desktop:grid-col-10">
     <h2>Archived domains</h2>
     <p>You don't have any archived domains</p> 
   </section>