From 87f2dea92cb547f92fee768986b9d0b0c3df6953 Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Wed, 24 Apr 2024 11:18:31 -0600
Subject: [PATCH 1/4] Fixed width bottom table

---
 src/registrar/assets/sass/_theme/_tables.scss | 20 +++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_tables.scss b/src/registrar/assets/sass/_theme/_tables.scss
index 0d58b5878..3f6c56447 100644
--- a/src/registrar/assets/sass/_theme/_tables.scss
+++ b/src/registrar/assets/sass/_theme/_tables.scss
@@ -108,8 +108,24 @@
       padding: units(2) units(2) units(2) 0;
     }
 
-    th:first-of-type {
-      padding-left: 0;
+    th:nth-of-type(1) {
+      width: 200px;
+    }
+
+    th:nth-of-type(2) {
+      width: 158px;
+    }
+
+    th:nth-of-type(3) {
+      width: 120px;
+    }
+
+    th:nth-of-type(4) {
+      width: 95px;
+    }
+
+    th:nth-of-type(5) {
+      width: 85px;
     }
 
     thead tr:first-child th:first-child {

From fdadd68b969edd37cda9a3739a15a01688053d34 Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Wed, 24 Apr 2024 11:26:43 -0600
Subject: [PATCH 2/4] More widths

---
 src/registrar/assets/sass/_theme/_tables.scss | 60 ++++++++++++-------
 src/registrar/templates/home.html             |  4 +-
 2 files changed, 42 insertions(+), 22 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_tables.scss b/src/registrar/assets/sass/_theme/_tables.scss
index 3f6c56447..7214ffee0 100644
--- a/src/registrar/assets/sass/_theme/_tables.scss
+++ b/src/registrar/assets/sass/_theme/_tables.scss
@@ -108,28 +108,48 @@
       padding: units(2) units(2) units(2) 0;
     }
 
-    th:nth-of-type(1) {
-      width: 200px;
-    }
-
-    th:nth-of-type(2) {
-      width: 158px;
-    }
-
-    th:nth-of-type(3) {
-      width: 120px;
-    }
-
-    th:nth-of-type(4) {
-      width: 95px;
-    }
-
-    th:nth-of-type(5) {
-      width: 85px;
-    }
-
     thead tr:first-child th:first-child {
       border-top: none;
     }
   }
 }
+
+.dotgov-table__domain-requests {
+  th:nth-of-type(1) {
+    width: 200px;
+  }
+
+  th:nth-of-type(2) {
+    width: 158px;
+  }
+
+  th:nth-of-type(3) {
+    width: 120px;
+  }
+
+  th:nth-of-type(4) {
+    width: 95px;
+  }
+
+  th:nth-of-type(5) {
+    width: 85px;
+  }
+}
+
+.dotgov-table__registered-domains {
+  th:nth-of-type(1) {
+    width: 200px;
+  }
+
+  th:nth-of-type(2) {
+    width: 158px;
+  }
+
+  th:nth-of-type(3) {
+    width: 215px;
+  }
+
+  th:nth-of-type(4) {
+    width: 95px;
+  }
+}
diff --git a/src/registrar/templates/home.html b/src/registrar/templates/home.html
index ea9276b9f..5c1bc893a 100644
--- a/src/registrar/templates/home.html
+++ b/src/registrar/templates/home.html
@@ -26,7 +26,7 @@
   <section class="section--outlined">
     <h2>Domains</h2>
     {% if domains %}
-    <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked">
+    <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked dotgov-table__registered-domains">
       <caption class="sr-only">Your registered domains</caption>
       <thead>
         <tr>
@@ -104,7 +104,7 @@
   <section class="section--outlined">
     <h2>Domain requests</h2>
     {% if domain_requests %}
-    <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked">
+    <table class="usa-table usa-table--borderless usa-table--stacked dotgov-table dotgov-table--stacked dotgov-table__domain-requests">
       <caption class="sr-only">Your domain requests</caption>
       <thead>
         <tr>

From f589dfaa8e4dd8023bf44b9594584cbef7de601d Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Wed, 24 Apr 2024 11:59:42 -0600
Subject: [PATCH 3/4] max width

---
 src/registrar/assets/sass/_theme/_tables.scss | 61 ++++++++++---------
 1 file changed, 32 insertions(+), 29 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_tables.scss b/src/registrar/assets/sass/_theme/_tables.scss
index 7214ffee0..37536d2be 100644
--- a/src/registrar/assets/sass/_theme/_tables.scss
+++ b/src/registrar/assets/sass/_theme/_tables.scss
@@ -113,43 +113,46 @@
     }
   }
 }
+@media (max-width: 1040px){
+  .dotgov-table__domain-requests {
+    th:nth-of-type(1) {
+      width: 200px;
+    }
 
-.dotgov-table__domain-requests {
-  th:nth-of-type(1) {
-    width: 200px;
-  }
+    th:nth-of-type(2) {
+      width: 158px;
+    }
 
-  th:nth-of-type(2) {
-    width: 158px;
-  }
+    th:nth-of-type(3) {
+      width: 120px;
+    }
 
-  th:nth-of-type(3) {
-    width: 120px;
-  }
+    th:nth-of-type(4) {
+      width: 95px;
+    }
 
-  th:nth-of-type(4) {
-    width: 95px;
-  }
-
-  th:nth-of-type(5) {
-    width: 85px;
+    th:nth-of-type(5) {
+      width: 85px;
+    }
   }
 }
 
-.dotgov-table__registered-domains {
-  th:nth-of-type(1) {
-    width: 200px;
-  }
+@media (max-width: 1040px){
+  .dotgov-table__registered-domains {
+    th:nth-of-type(1) {
+      width: 200px;
+    }
 
-  th:nth-of-type(2) {
-    width: 158px;
-  }
+    th:nth-of-type(2) {
+      width: 158px;
+    }
 
-  th:nth-of-type(3) {
-    width: 215px;
-  }
+    th:nth-of-type(3) {
+      width: 215px;
+    }
 
-  th:nth-of-type(4) {
-    width: 95px;
+    th:nth-of-type(4) {
+      width: 95px;
+    }
   }
-}
+}
\ No newline at end of file

From 94a9ab1d03116b3b8ce77794f694a468f40ac2aa Mon Sep 17 00:00:00 2001
From: zandercymatics <141044360+zandercymatics@users.noreply.github.com>
Date: Wed, 24 Apr 2024 12:13:22 -0600
Subject: [PATCH 4/4] Change max width to min width

---
 src/registrar/assets/sass/_theme/_tables.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/registrar/assets/sass/_theme/_tables.scss b/src/registrar/assets/sass/_theme/_tables.scss
index 37536d2be..5dc69e149 100644
--- a/src/registrar/assets/sass/_theme/_tables.scss
+++ b/src/registrar/assets/sass/_theme/_tables.scss
@@ -113,7 +113,7 @@
     }
   }
 }
-@media (max-width: 1040px){
+@media (min-width: 1040px){
   .dotgov-table__domain-requests {
     th:nth-of-type(1) {
       width: 200px;
@@ -137,7 +137,7 @@
   }
 }
 
-@media (max-width: 1040px){
+@media (min-width: 1040px){
   .dotgov-table__registered-domains {
     th:nth-of-type(1) {
       width: 200px;