diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 2e6d3150..a52ce1e8 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -5,7 +5,7 @@ import {SearchComponent} from './search/search.component';
 import {ClaimComponent} from './claim/claim.component';
 import {ClaimsComponent} from './claims/claims.component';
 import {HomeComponent} from './home/home.component';
-import {LinkingComponent} from './linking/linking.component';
+import {LinkingHomeComponent} from './linking/linkingHome.component';
 
 import 'rxjs/Rx';
 
@@ -41,7 +41,7 @@ import 'rxjs/Rx';
       <ul class="nav navbar-nav">
         <li class="active"><a  [routerLink]=" ['/Search']" >Search <span class="sr-only">(current)</span></a></li>
         <li><a  [routerLink]=" ['/Claims']">Claims</a></li>
-        <li><a  [routerLink]=" ['/Linking']">Linking</a></li>
+        <li><a  [routerLink]=" ['/LinkingHome']">Linking</a></li>
         <li><a  [routerLink]=" ['/Home']">Home</a></li>
         <li class="dropdown">
           <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Dropdown <span class="caret"></span></a>
@@ -93,7 +93,7 @@ import 'rxjs/Rx';
   { path: '/claims', component: ClaimsComponent, name: 'Claims' },
   { path: '/claim', component: ClaimComponent, name: 'Claim' },
   { path: '/search', component: SearchComponent, name: 'Search' },
-  { path: '/linking', component: LinkingComponent, name: 'Linking' }
+  { path: '/linking', component: LinkingHomeComponent, name: 'LinkingHome' }
 
 ])
 export class App {
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index 62af8b79..cbae1045 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -2,12 +2,14 @@
 <div class="container">
   <div class="row ">
     <form>
-      <input #term type="text" class="form-control col-xs-5" placeholder="Search for...">
-      <span class="input-group-btn col-xs-2">
-        <button class="btn btn-default" type="submit" (click)="searchTerm(term.value)" >Go!</button>
-      </span>
+      <div class="col-lg-6">
+        <div class="input-group">
+          <input #term type="text" class="form-control col-xs-5" placeholder="Search for...">
+          <span class="input-group-btn">
+            <button class="btn btn-default" type="submit" (click)="searchTerm(term.value)" >Go!</button>
+          </span>
+        </div>
+      </div>
     </form>
   </div>
-  <autocomplete></autocomplete>
-
 </div>
diff --git a/src/index.html b/src/index.html
index abbb9531..e35fda6a 100644
--- a/src/index.html
+++ b/src/index.html
@@ -7,7 +7,7 @@
 
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
     <script src="node_modules/bootstrap/dist/js/bootstrap.min.js" ></script>
-
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.2/css/bootstrap.min.css" integrity="sha384-y3tfxAZXuh4HwSYylfB+J125MxIs6mR5FOHamPBG064zB+AFeWH94NdvaCBm8qnd" crossorigin="anonymous">
     <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
     <link rel="icon" href="data:;base64,iVBORw0KGgo=">