diff --git a/awx/ui/client/src/credentials/ownerList.block.less b/awx/ui/client/src/credentials/ownerList.block.less
new file mode 100644
index 0000000000..64f76db17b
--- /dev/null
+++ b/awx/ui/client/src/credentials/ownerList.block.less
@@ -0,0 +1,36 @@
+/** @define OwnerList */
+@import "./client/src/shared/branding/colors.default.less";
+
+.OwnerList {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: flex-start;
+}
+
+.OwnerList-seeBase {
+    display: flex;
+    max-width: 100%;
+
+    color: @default-link;
+    text-transform: uppercase;
+    padding: 2px 15px;
+    cursor: pointer;
+    border-radius: 5px;
+    font-size: 11px;
+}
+
+.OwnerList-seeBase:hover {
+    color: @default-link-hov;
+}
+
+.OwnerList-seeLess {
+    .OwnerList-seeBase;
+}
+
+.OwnerList-seeMore {
+    .OwnerList-seeBase;
+}
+
+.OwnerList-Container {
+    margin-right: 5px;
+}
diff --git a/awx/ui/client/src/credentials/ownerList.partial.html b/awx/ui/client/src/credentials/ownerList.partial.html
index 1ed46c081b..5c73ac4d15 100644
--- a/awx/ui/client/src/credentials/ownerList.partial.html
+++ b/awx/ui/client/src/credentials/ownerList.partial.html
@@ -1,5 +1,12 @@
-<div ng-repeat="owner in owners_list">
-    <a ng-if="owner.type === 'organization'" ui-sref="organizations.edit({ organization_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
-    <a ng-if="owner.type === 'user'" ui-sref="users.edit({ user_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
-    <a ng-if="owner.type === 'team'" ui-sref="teams.edit({ team_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
-</div>
+<div class="OwnerList" ng-init="ownersLimit = 5; ownersLimitConst = 5; ">
+    <div class="OwnerList-Container" ng-repeat="owner in owners_list | limitTo:ownersLimit">
+        <a ng-if="owner.type === 'organization'" ui-sref="organizations.edit({ organization_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
+        <a ng-if="owner.type === 'user'" ui-sref="users.edit({ user_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
+        <a ng-if="owner.type === 'team'" ui-sref="teams.edit({ team_id: owner.id })">{{ owner.name }}{{$last ? '' : ', '}}</a>
+    </div>
+
+    <div class="OwnerList-seeMore" ng-show="owners_list.length > ownersLimitConst && ownersLimit == ownersLimitConst"
+        ng-click="ownersLimit = owners_list.length">View More</div>
+    <div class="OwnerList-seeLess" ng-show="owners_list.length > ownersLimitConst && ownersLimit != ownersLimitConst"
+        ng-click="ownersLimit = ownersLimitConst">View Less</div>
+</div>
\ No newline at end of file