diff --git a/src/app/app.css b/src/app/app.css
index e94be40..2e217c1 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -14,6 +14,10 @@
   height: 120px;
 }
 
+.header .header-main > div > div > div:nth-child(2) > div > div:nth-child(1) {
+  transition: 0.5s;
+}
+
 .header.sticky .header-main > div > div > div:nth-child(2) > div > div:nth-child(1) {
-  display: none;
+  opacity:0;
 }
\ No newline at end of file
diff --git a/src/app/header.js b/src/app/header.js
index aa7c8e7..ff0412e 100644
--- a/src/app/header.js
+++ b/src/app/header.js
@@ -12,7 +12,7 @@ class Header extends React.Component {
   componentDidMount()
   {
 		window.onscroll = () => {
-			if (window.pageYOffset >= 10)
+			if (window.pageYOffset >= 15)
 			{
         const scrollHeight = Math.max(
           document.body.scrollHeight, document.documentElement.scrollHeight,
@@ -159,7 +159,7 @@ class Header extends React.Component {
             padding: '15px',
             background: `url('${Background}') no-repeat`,
             backgroundSize: 'cover',
-            transition: '0.3s'
+            transition: '1s'
           }}>
           <RaisedButton
             label="Search"
@@ -271,7 +271,7 @@ class Header extends React.Component {
         </div>
       </CardMedia>
     </Card>
-    <div className='clear-header-space' style={{transition: '0.3s'}} />
+    <div className='clear-header-space' style={{transition: '1.0s'}} />
     </div>
   )