diff --git a/ui/src/app/applications/components/application-details/application-details.tsx b/ui/src/app/applications/components/application-details/application-details.tsx
index d7a10e9ee7..cb6e028dfe 100644
--- a/ui/src/app/applications/components/application-details/application-details.tsx
+++ b/ui/src/app/applications/components/application-details/application-details.tsx
@@ -198,7 +198,7 @@ export class ApplicationDetails extends React.Component<RouteComponentProps<{ na
                                         }}
                                         />
                                 ) || (
-                                    <div className='argo-container'>
+                                    <div>
                                         {filteredRes.length > 0 && (
                                             <Paginate page={this.state.page} data={filteredRes} onPageChange={(page) => this.setState({page})} preferencesKey='application-details'>
                                             {(data) => (
diff --git a/ui/src/app/applications/components/application-details/application-resource-list.tsx b/ui/src/app/applications/components/application-details/application-resource-list.tsx
index c4666c9154..2bf48a67d7 100644
--- a/ui/src/app/applications/components/application-details/application-resource-list.tsx
+++ b/ui/src/app/applications/components/application-details/application-resource-list.tsx
@@ -13,9 +13,9 @@ export const ApplicationResourceList = ({ resources, onNodeClick, nodeMenu }: {
         <div className='argo-table-list__head'>
             <div className='row'>
                 <div className='columns small-3'>NAME</div>
-                <div className='columns small-3'>GROUP/KIND</div>
-                <div className='columns small-2'>NAMESPACE</div>
-                <div className='columns small-4'>STATUS</div>
+                <div className='columns small-2'>GROUP/KIND</div>
+                <div className='columns small-4'>NAMESPACE</div>
+                <div className='columns small-2'>STATUS</div>
             </div>
         </div>
         {resources.sort((first, second) => nodeKey(first).localeCompare(nodeKey(second))).map((res) => (
@@ -24,9 +24,9 @@ export const ApplicationResourceList = ({ resources, onNodeClick, nodeMenu }: {
                     <div className='columns small-3'>
                         <i className={ICON_CLASS_BY_KIND[res.kind.toLocaleLowerCase()] || 'fa fa-cogs'}/> <span>{res.name}</span>
                     </div>
-                    <div className='columns small-3'>{[res.group, res.kind].filter((item) => !!item).join('/')}</div>
-                    <div className='columns small-2'>{res.namespace}</div>
-                    <div className='columns small-4'>
+                    <div className='columns small-2'>{[res.group, res.kind].filter((item) => !!item).join('/')}</div>
+                    <div className='columns small-4'>{res.namespace}</div>
+                    <div className='columns small-2'>
                         {res.health && <React.Fragment><HealthStatusIcon state={res.health}/> {res.health.status} &nbsp;</React.Fragment>}
                         {res.status && <ComparisonStatusIcon status={res.status} resource={res} label={true}/>}
                         {res.hook && (<i title='Resource lifecycle hook' className='fa fa-anchor' />)}