diff --git a/static/js/directives/ui/app-public-view/app-public-view.component.html b/static/js/directives/ui/app-public-view/app-public-view.component.html
index 1430247a1..0352b3557 100644
--- a/static/js/directives/ui/app-public-view/app-public-view.component.html
+++ b/static/js/directives/ui/app-public-view/app-public-view.component.html
@@ -116,14 +116,16 @@
           <cor-table table-data="$ctrl.repository.channels" table-item-title="channels" filter-fields="['name']" compact="true" max-display-count="3">
             <cor-table-col datafield="name" sortfield="name" title="Name"
                            templateurl="/static/js/directives/ui/app-public-view/channel-name.html"></cor-table-col>
-            <cor-table-col datafield="release" sortfield="release" title="Current Release"></cor-table-col>
+            <cor-table-col style="word-wrap: break-word;"
+                           datafield="release" sortfield="release" title="Current Release"></cor-table-col>
           </cor-table>
         </div>
 
         <div class="sidebar-table" ng-if="$ctrl.repository.releases.length">
           <h4>Latest Releases</h4>
           <cor-table table-data="$ctrl.repository.releases" table-item-title="releases" filter-fields="['name']" compact="true" max-display-count="3">
-            <cor-table-col datafield="name" sortfield="name" title="Name"></cor-table-col>
+            <cor-table-col style="word-wrap: break-word;"
+                           datafield="name" sortfield="name" title="Name"></cor-table-col>
             <cor-table-col datafield="last_modified" sortfield="last_modified"
                            title="Created"
                            selected="true" kindof="datetime"
diff --git a/static/js/directives/ui/app-public-view/channels-list.html b/static/js/directives/ui/app-public-view/channels-list.html
index 8fa843a2f..13a97f9d7 100644
--- a/static/js/directives/ui/app-public-view/channels-list.html
+++ b/static/js/directives/ui/app-public-view/channels-list.html
@@ -1,7 +1,8 @@
 <div style="display: flex; align-items: center;">
   <div style="display: flex; flex-wrap: wrap; width: 70%;">
     <!-- TODO(alecmerdler): Move repeat logic to separate component -->
-    <span ng-repeat="channel_name in item.channels | limitTo : ($ctrl.rows[rowIndex].expanded ? item.channels.length : col.itemLimit)"
+    <span ng-if="item.channels.length > 0"
+          ng-repeat="channel_name in item.channels | limitTo : ($ctrl.rows[rowIndex].expanded ? item.channels.length : col.itemLimit)"
           ng-style="{
             'width': (100 / col.itemLimit) + '%',
             'margin-bottom': $ctrl.rows[rowIndex].expanded && $index < (item.channels.length - col.itemLimit) ? '5px' : ''