diff --git a/awx/ui/client/lib/components/layout/_index.less b/awx/ui/client/lib/components/layout/_index.less
index ea667034bb..6214495f82 100644
--- a/awx/ui/client/lib/components/layout/_index.less
+++ b/awx/ui/client/lib/components/layout/_index.less
@@ -1,6 +1,6 @@
 .at-Layout {
     min-height: 100vh;
-    width: 100vw;
+    width: 100%;
     display: flex;
 
     &-topNav {
diff --git a/awx/ui/client/lib/components/list/_index.less b/awx/ui/client/lib/components/list/_index.less
index 5e606e11db..7ee0f52780 100644
--- a/awx/ui/client/lib/components/list/_index.less
+++ b/awx/ui/client/lib/components/list/_index.less
@@ -114,12 +114,16 @@
 .at-Row {
     display: grid;
     grid-template-columns: 10px 1fr;
-    overflow: hidden;
 }
 
 .at-Row--collapsed {
-    max-height: 50px;
+    .at-Row-container--wrapped {
+        visibility: hidden;
+        opacity: 0;
+        height: 0;
+    }
 }
+
 .at-Row--active {
     border-left: @at-border-style-list-active-indicator;
     border-top-left-radius: @at-border-radius;
@@ -212,6 +216,10 @@
 .at-Row-container--wrapped {
     display: flex;
     flex-wrap: wrap;
+    visibility: visible;
+    opacity: 1;
+    height: auto;
+    transition: visibility 0s, opacity 0.25s linear;
 }
 
 .at-RowItem--isHeaderLink {
@@ -351,10 +359,7 @@
 }
 
 @media screen and (max-width: @at-breakpoint-compact-list) {
-    .at-Row--collapsed {
-        max-height: 60px;
-    }
-    .at-Row-actions {   
+    .at-Row-actions {
         align-items: center;
     }