diff --git a/server/middleware/components/IndexPage.css b/server/middleware/components/IndexPage.css
index b093a52..b47087d 100644
--- a/server/middleware/components/IndexPage.css
+++ b/server/middleware/components/IndexPage.css
@@ -23,9 +23,13 @@ th {
   text-align: left;
 }
 th, td {
-  padding: 0.1em 0.25em;
+  padding: 0.25em 0.5em;
 }
 
+.content-wrapper {
+  max-width: 900px;
+  margin: 0 auto;
+}
 .version-wrapper {
   line-height: 2.25em;
   float: right;
diff --git a/server/middleware/components/IndexPage.js b/server/middleware/components/IndexPage.js
index df8c854..0770208 100644
--- a/server/middleware/components/IndexPage.js
+++ b/server/middleware/components/IndexPage.js
@@ -30,15 +30,17 @@ const IndexPage = ({ packageInfo, version, dir, entries }) => {
         e('style', { dangerouslySetInnerHTML: { __html: IndexPageStyle } })
       ),
       e('body', null,
-        e('div', { className: 'version-wrapper' },
-          e('select', { id: 'version', defaultValue: version }, options)
-        ),
-        e('h1', null, `Index of ${dir}`),
-        e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
-        e('hr'),
-        e(DirectoryListing, { dir, entries }),
-        e('hr'),
-        e('address', null, `${packageInfo.name}@${version}`)
+        e('div', { className: 'content-wrapper' },
+          e('div', { className: 'version-wrapper' },
+            e('select', { id: 'version', defaultValue: version }, options)
+          ),
+          e('h1', null, `Index of ${dir}`),
+          e('script', { dangerouslySetInnerHTML: { __html: IndexPageScript } }),
+          e('hr'),
+          e(DirectoryListing, { dir, entries }),
+          e('hr'),
+          e('address', null, `${packageInfo.name}@${version}`)
+        )
       )
     )
   )