diff --git a/zeppelin-web/src/app/helium/helium.html b/zeppelin-web/src/app/helium/helium.html
index 50c55851ba..5e64ba24bc 100644
--- a/zeppelin-web/src/app/helium/helium.html
+++ b/zeppelin-web/src/app/helium/helium.html
@@ -69,7 +69,7 @@ limitations under the License.
     </div>
   </div>
   <div class="row heliumPackageList"
-       ng-repeat="(pkgName, pkgSearchResult) in defaultPackages"
+       ng-repeat="pkgSearchResult in defaultPackages | toArray:false | orderBy: 'pkg.published':true"
        ng-show="$parent.pkgListByType == pkgSearchResult.pkg.type">
     <div class="col-md-12">
       <div class="heliumPackageHead">
@@ -81,34 +81,33 @@ limitations under the License.
              ng-bind-html=intpDefaultIcon></div>
         <div class="heliumPackageName">
           <span ng-if="hasNpmLink(pkgSearchResult)">
-            <a target="_blank" href="https://www.npmjs.com/package/{{pkgName}}">{{pkgName}}</a>
+            <a target="_blank" href="https://www.npmjs.com/package/{{pkgSearchResult.pkg.name}}">{{pkgSearchResult.pkg.name}}</a>
           </span>
           <span ng-if="!hasNpmLink(pkgSearchResult) && !hasMavenLink(pkgSearchResult)" ng-class="{'heliumLocalPackage': isLocalPackage(pkgSearchResult)}">
-            {{pkgName}}
+            {{pkgSearchResult.pkg.name}}
           </span>
           <span ng-if="hasMavenLink(pkgSearchResult)">
             <a target="_blank"
                href="http://search.maven.org/#search%7Cga%7C1%7Ca%3A%22{{pkgSearchResult.pkg.artifact.split('@')[0]}}%22%20AND%20v%3A%22{{pkgSearchResult.pkg.artifact.split('@')[1]}}%22">
-              {{pkgName}}
+               {{pkgSearchResult.pkg.name}}
             </a>
           </span>
           <span class="heliumType">{{pkgSearchResult.pkg.type}}</span>
         </div>
         <div ng-show="!pkgSearchResult.enabled"
-             ng-click="enable(pkgName, pkgSearchResult.pkg.artifact)"
-             ng-if="pkgSearchResult.pkg.type !== 'INTERPRETER'"
+             ng-click="enable(pkgSearchResult.pkg.name, pkgSearchResult.pkg.artifact)"
              class="btn btn-success btn-xs"
              style="float:right">Enable</div>
         <div ng-show="pkgSearchResult.enabled"
-             ng-click="disable(pkgName)"
+             ng-click="disable(pkgSearchResult.pkg.name)"
              ng-if="pkgSearchResult.pkg.type !== 'INTERPRETER'"
              class="btn btn-info btn-xs"
              style="float:right">Disable</div>
-        <div ng-show="!pkgSearchResult.enabled"
+        <!--div ng-show="!pkgSearchResult.enabled"
              ng-click="enable(pkgName, pkgSearchResult.pkg.artifact)"
              ng-if="pkgSearchResult.pkg.type === 'INTERPRETER'"
              class="btn btn-success disabled btn-xs"
-             style="float:right">Coming soon</div>
+             style="float:right">Coming soon</div-->
         <div ng-show="configExists(pkgSearchResult)"
              ng-click="toggleConfigButton(pkgSearchResult)"
              ng-class="getConfigButtonClass(pkgSearchResult)"
@@ -117,17 +116,17 @@ limitations under the License.
       </div>
       <div ng-class="{heliumPackageDisabledArtifact: !pkgSearchResult.enabled, heliumPackageEnabledArtifact: pkgSearchResult.enabled}">
         {{pkgSearchResult.pkg.artifact}}
-        <span ng-show="pkgSearchResults[pkgName].length > 0"
-              ng-click="toggleVersions(pkgName)">
+        <span ng-show="pkgSearchResults[pkgSearchResult.pkg.name].length > 0"
+              ng-click="toggleVersions(pkgSearchResult.pkg.name)">
           versions
         </span>
       </div>
       <ul class="heliumPackageVersions"
-          ng-show="showVersions[pkgName]">
+          ng-show="showVersions[pkgSearchResult.pkg.name]">
         <li class="heliumPackageDisabledArtifact"
-            ng-repeat="pkgSearchResult in pkgSearchResults[pkgName]">
+            ng-repeat="pkgSearchResult in pkgSearchResults[pkgSearchResult.pkg.name]">
           {{pkgSearchResult.pkg.artifact}} -
-          <span ng-click="enable(pkgName, pkgSearchResult.pkg.artifact)"
+          <span ng-click="enable(pkgSearchResult.pkg.name, pkgSearchResult.pkg.artifact)"
                 ng-if="pkgSearchResult.pkg.type !== 'INTERPRETER'"
                 style="margin-left:3px;cursor:pointer;text-decoration: underline;color:#3071a9">
             enable