diff --git a/components/search/Input.tsx b/components/search/Input.tsx
index a2406e79..20812cd7 100644
--- a/components/search/Input.tsx
+++ b/components/search/Input.tsx
@@ -27,6 +27,7 @@ export default function Input({ query }) {
          onChange={handleChange}
          placeholder='Search'
          aria-label='Search'
+         className="bg-white focus:outline-none focus:shadow-outline border border-gray-300 rounded-lg py-2 px-4 block w-full appearance-none leading-normal"
        />
     </form>
   )
diff --git a/components/search/Item.tsx b/components/search/Item.tsx
index 4658621d..deb5b458 100644
--- a/components/search/Item.tsx
+++ b/components/search/Item.tsx
@@ -2,8 +2,8 @@ import Link from 'next/link'
 
 export default function Item({ datapackage }) {
   return (
-    <div>
-      <h3 className="text-2xl font-semibold">
+    <div className="mb-6">
+      <h3 className="text-xl font-semibold">
         <Link href={`/@${datapackage.organization ? datapackage.organization.name : 'dataset'}/${datapackage.name}`}>
           <a className="text-primary">{ datapackage.title || datapackage.name }</a>
         </Link>
diff --git a/components/search/Sort.tsx b/components/search/Sort.tsx
index 578b6776..b32e9901 100644
--- a/components/search/Sort.tsx
+++ b/components/search/Sort.tsx
@@ -1,6 +1,6 @@
 export default function Sort({ selected }) {
   return (
-    <div>
+    <div className="inline-block my-6 float-right">
       <label htmlFor="field-order-by">Order by:</label>
       <select className="bg-white" id="field-order-by" name="sort">
         <option value="score:desc">Relevance</option>
diff --git a/components/search/Total.tsx b/components/search/Total.tsx
index e26a3178..083d00a4 100644
--- a/components/search/Total.tsx
+++ b/components/search/Total.tsx
@@ -1,3 +1,7 @@
 export default function Total({ total }) {
-  return <h1 className="text-4xl font-semibold text-primary">{ total } results found</h1>
+  return (
+    <h1 className="text-3xl font-semibold text-primary my-6 inline-block">
+      { total } results found
+    </h1>
+  )
 }
diff --git a/pages/search.tsx b/pages/search.tsx
index f43c67d1..e9190f7b 100644
--- a/pages/search.tsx
+++ b/pages/search.tsx
@@ -2,6 +2,8 @@ import { GetServerSideProps } from 'next'
 import querystring from 'querystring'
 import config from '../config'
 import utils from '../utils'
+import Head from 'next/head'
+import Nav from '../components/Nav'
 import Input from '../components/search/Input'
 import Total from '../components/search/Total'
 import Sort from '../components/search/Sort'
@@ -9,12 +11,19 @@ import List from '../components/search/List'
 
 function Search({ ckanResult, datapackages, query }) {
   return (
-    <div>
+    <>
+    <Head>
+      <title>Portal | Search</title>
+      <link rel="icon" href="/favicon.ico" />
+    </Head>
+    <Nav />
+    <main className="p-6">
       <Input query={query} />
       <Total total={ckanResult.count} />
       <Sort sort={query.sort} />
       <List datapackages={datapackages} />
-    </div>
+    </main>
+    </>
   )
 }
 
