diff --git a/www/src/components/navigation.js b/www/src/components/navigation.js
index 6796f6c3e5a9b..a368e03da86c5 100644
--- a/www/src/components/navigation.js
+++ b/www/src/components/navigation.js
@@ -20,7 +20,7 @@ const navItemStyles = {
textTransform: `uppercase`,
letterSpacing: `0.03em`,
lineHeight: `calc(${presets.headerHeight} - 6px)`,
- padding: `6px ${rhythm(1 / 2)} 0`,
+ padding: `6px ${rhythm(1 / 4)} 0 ${rhythm(1 / 2)}`,
position: `relative`,
top: 0,
transition: `color .15s ease-out`,
@@ -179,7 +179,6 @@ export default ({ pathname }) => {
>
-
{
css={{
...navItemStyles,
...socialIconsStyles,
- paddingRight: 0,
}}
>
+
+ .com
+
diff --git a/www/src/components/search-form.js b/www/src/components/search-form.js
index b56ea38463a31..65c615e188d23 100644
--- a/www/src/components/search-form.js
+++ b/www/src/components/search-form.js
@@ -332,7 +332,7 @@ class SearchForm extends Component {
[presets.Desktop]: {
backgroundColor: !isHomepage && `#fff`,
color: colors.gatsby,
- width: !isHomepage && rhythm(5),
+ width: !isHomepage && rhythm(3.5),
":focus": {
backgroundColor: colors.ui.light,
color: colors.gatsby,
@@ -342,12 +342,12 @@ class SearchForm extends Component {
[presets.Hd]: {
backgroundColor: isHomepage && colors.lilac,
color: isHomepage && colors.ui.light,
- width: isHomepage && rhythm(5),
+ width: isHomepage && rhythm(3.5),
},
}}
type="search"
- placeholder="Search docs"
- aria-label="Search docs"
+ placeholder="Search"
+ aria-label="Search"
title="Hit 's' to search docs"
onFocus={() => this.setState({ focussed: true })}
onBlur={() => this.setState({ focussed: false })}