diff --git a/app/templates/project/detail/install/bower.hbs b/app/templates/project/detail/install/bower.hbs
index afde306..6027f3b 100644
--- a/app/templates/project/detail/install/bower.hbs
+++ b/app/templates/project/detail/install/bower.hbs
@@ -1,38 +1,44 @@
-<table class="ui very compact table">
-    <thead>
-    <tr>
-        <th>name</th>
-        <th>version</th>
-        <th></th>
-    </tr>
-    </thead>
-    <tbody>
-    {{#each model.dependencies as |package|}}
-        <tr>
-            <td><a href="{{package.homepage}}">{{package.pkgMeta.name}}</a></td>
-            <td>{{package.version}}</td>
-            <td>
-              {{#if package.command.running}}
-                  <button class="ui fluid icon loading button" {{action 'install' package}}>
-                      Installing
-                  </button>
-              {{else}}
-                {{#if (or (get project.model.package.devDependencies package.name) (get project.model.package.devDependencies package.name))}}
-                    <button class="ui negative fluid button" {{action 'uninstall' package}}>
-                        <i class="remove icon"></i>
-                        Uninstall
-                    </button>
-                {{else}}
-                    <button class="ui fluid labeled icon button" {{action 'install' package}}>
-                        <i class="plus icon"></i>
-                        Install
-                    </button>
-                {{/if}}
-              {{/if}}
-            </td>
-        </tr>
-    {{/each}}
-    </tbody>
-</table>
+<div class="ui top attached segment">
+    <form class="ui form">
+        <div class="field">
+            <h4 class="ui header">Search package</h4>
+            <div class="ui fluid icon input">
+                <input type="text" placeholder="Package name">
+                <i class="search icon"></i>
+            </div>
+        </div>
+    </form>
+</div>
+<div class="ui attached segment flex-fill">
+    <h4 class="ui header">Found packages</h4>
 
-{{outlet}}
+    <table class="ui very compact table">
+        <tbody>
+        {{#each model.dependencies as |package|}}
+            <tr>
+                <td><a href="{{package.homepage}}">{{package.pkgMeta.name}}</a></td>
+                <td>{{package.version}}</td>
+                <td>
+                  {{#if package.command.running}}
+                      <button class="ui fluid icon loading button" {{action 'install' package}}>
+                          Installing
+                      </button>
+                  {{else}}
+                    {{#if (or (get project.model.package.devDependencies package.name) (get project.model.package.devDependencies package.name))}}
+                        <button class="ui negative fluid button" {{action 'uninstall' package}}>
+                            <i class="remove icon"></i>
+                            Uninstall
+                        </button>
+                    {{else}}
+                        <button class="ui fluid labeled icon button" {{action 'install' package}}>
+                            <i class="plus icon"></i>
+                            Install
+                        </button>
+                    {{/if}}
+                  {{/if}}
+                </td>
+            </tr>
+        {{/each}}
+        </tbody>
+    </table>
+</div>
diff --git a/app/templates/project/detail/install/npm.hbs b/app/templates/project/detail/install/npm.hbs
index 1713ccc..7c0c44d 100644
--- a/app/templates/project/detail/install/npm.hbs
+++ b/app/templates/project/detail/install/npm.hbs
@@ -1,50 +1,50 @@
-<form class="ui form">
-    <div class="field">
-        <label>package name</label>
-        <div class="ui fluid icon input">
-            <input type="text" placeholder="Search..."
-                   oninput={{action 'updateSearchResult'}}>
-            <i class="search icon"></i>
+<div class="ui top attached segment">
+    <form class="ui form">
+        <div class="field">
+            <h4 class="ui header">Search package</h4>
+            <div class="ui fluid icon input">
+                <input type="text" placeholder="Package name"
+                       oninput={{action 'updateSearchResult'}}>
+                <i class="search icon"></i>
+            </div>
         </div>
-    </div>
-</form>
+    </form>
+</div>
+<div class="ui attached segment flex-fill">
+    <h4 class="ui header">Found packages</h4>
 
-<h4 class="ui header">Found packages</h4>
-
-<table class="ui very compact table">
-    <thead>
-    <tr>
-        <th>name</th>
-        <th>version</th>
-        <th></th>
-    </tr>
-    </thead>
-    <tbody>
-    {{#each searchResults as |package|}}
-        <tr>
-            <td><a href="{{package.homepage}}">{{package.name}}</a></td>
-            <td>{{package.version}}</td>
-            <td>
-              {{#if package.command.running}}
-                  <button class="ui fluid icon loading button" {{action 'install' package}}>
-                      Installing
-                  </button>
-              {{else}}
-                {{#if (or (get project.model.package.devDependencies package.name) (get project.model.package.devDependencies package.name))}}
-                    <button class="ui negative fluid button" {{action 'uninstall' package}}>
-                        <i class="remove icon"></i>
-                        Uninstall
-                    </button>
-                {{else}}
-                    <button class="ui fluid labeled icon button" {{action 'install' package}}>
-                        <i class="plus icon"></i>
-                        Install
-                    </button>
-                {{/if}}
-              {{/if}}
-            </td>
-        </tr>
-    {{/each}}
-    </tbody>
-</table>
-{{outlet}}
+    <table class="ui very compact table">
+        <tbody>
+        {{#each searchResults as |package|}}
+            <tr>
+                <td class="center aligned">
+                  {{#if package.rating}}
+                      <a class="ui teal circular label">{{package.rating}}</a>
+                  {{/if}}
+                </td>
+                <td><a href="{{package.homepage}}">{{package.name}}</a></td>
+                <td>{{package.version}}</td>
+                <td>
+                  {{#if package.command.running}}
+                      <button class="ui fluid icon loading button" {{action 'install' package}}>
+                          Installing
+                      </button>
+                  {{else}}
+                    {{#if (or (get project.model.package.devDependencies package.name) (get project.model.package.devDependencies package.name))}}
+                        <button class="ui negative fluid button" {{action 'uninstall' package}}>
+                            <i class="remove icon"></i>
+                            Uninstall
+                        </button>
+                    {{else}}
+                        <button class="ui fluid labeled icon button" {{action 'install' package}}>
+                            <i class="plus icon"></i>
+                            Install
+                        </button>
+                    {{/if}}
+                  {{/if}}
+                </td>
+            </tr>
+        {{/each}}
+        </tbody>
+    </table>
+</div>
\ No newline at end of file