diff --git a/app/assets/stylesheets/common/data-onboarding.css.scss b/app/assets/stylesheets/common/layer-onboarding.css.scss
similarity index 93%
rename from app/assets/stylesheets/common/data-onboarding.css.scss
rename to app/assets/stylesheets/common/layer-onboarding.css.scss
index edb0c55853..1f361eb13b 100644
--- a/app/assets/stylesheets/common/data-onboarding.css.scss
+++ b/app/assets/stylesheets/common/layer-onboarding.css.scss
@@ -68,7 +68,7 @@ $sHighlightHeight: 64;
 .LayerOnboarding-footer .LayerOnboarding-footerButtons,
 .LayerOnboarding-contentWrapper .LayerOnboarding-step p {
   @include opacity(1);
-  @include transition(opacity, 200ms, linear, 1s);
+  @include transition(opacity, 200ms, ease-in-out, 1s);
 }
 
 .LayerOnboarding-header,
@@ -90,7 +90,7 @@ $sHighlightHeight: 64;
 }
 
 .LayerOnboarding-description {
-  @include transition(width, 100ms, linear);
+  @include transition(width, 100ms, ease-in-out);
   width: $sRegularDescriptionWidth;
   margin-bottom: $sMargin-elementInline;
   color: #FFF;
@@ -109,7 +109,7 @@ $sHighlightHeight: 64;
 
 .LayerOnboarding-toolbarOverlay,
 .LayerOnboarding-pads {
-  @include transition(width, 300ms, linear);
+  @include transition(width, 300ms, ease-in-out);
   height: 100%;
   z-index: 10;
 }
@@ -117,7 +117,7 @@ $sHighlightHeight: 64;
 .LayerOnboarding-padTop,
 .LayerOnboarding-padMiddle,
 .LayerOnboarding-padBottom {
-  @include transition(height, 300ms, linear);
+  @include transition(height, 300ms, ease-in-out);
   display: block;
   width: 100%;
 }
diff --git a/lib/build/files/css_files.js b/lib/build/files/css_files.js
index 186fa32f26..ecf553927d 100644
--- a/lib/build/files/css_files.js
+++ b/lib/build/files/css_files.js
@@ -149,7 +149,7 @@ module.exports = css_files = {
     '<%= assets_dir %>/stylesheets/common/dialog.css',
     '<%= assets_dir %>/stylesheets/common/onboarding.css',
     '<%= assets_dir %>/stylesheets/common/builder-onboarding.css',
-    '<%= assets_dir %>/stylesheets/common/data-onboarding.css',
+    '<%= assets_dir %>/stylesheets/common/layer-onboarding.css',
     '<%= assets_dir %>/stylesheets/common/onboarding-notification.css',
     '<%= assets_dir %>/stylesheets/common/default-paragraph.css',
     '<%= assets_dir %>/stylesheets/common/default-description.css',