--- a/browser/extensions/onboarding/content/onboarding.css
+++ b/browser/extensions/onboarding/content/onboarding.css
@@ -287,17 +287,17 @@
 /* Tour Notifications */
 #onboarding-notification-bar {
   position: fixed;
   z-index: 998; /* We want this always under #onboarding-overlay */
   left: 0;
   bottom: 0;
   width: 100%;
   height: 122px;
-  min-width: 1060px;
+  min-width: 640px;
   background: rgba(255, 255, 255, 0.97);
   border-top: 2px solid #e9e9e9;
   transition: transform 0.8s;
   transform: translateY(122px);
 }
 
 #onboarding-notification-bar.onboarding-opened {
   transform: translateY(0px);
@@ -350,16 +350,20 @@
   transform: translate(-50%, -50%);
 }
 
 #onboarding-notification-body {
   width: 420px;
   margin: 0 15px;
   color: #0c0c0d;;
   display: inline-block;
+  max-height: 100%;
+  overflow: auto;
+  padding: 15px 0;
+  box-sizing: border-box;
 }
 
 #onboarding-notification-body * {
   font-size: 13px
 }
 
 #onboarding-notification-tour-title {
   margin: 0;
@@ -375,8 +379,19 @@
   background: #0d96ff;
   border: none;
   border-radius: 3px;
   padding: 10px 20px;
   font-size: 14px;
   color: #fff;
   box-shadow: 0 1px 0 rgba(0,0,0,0.23);
 }
+
+@media all and (max-width: 960px) {
+  #onboarding-notification-icon {
+    display: none;
+  }
+}
+@media all and (max-width: 720px) {
+  #onboarding-notification-body {
+    width: 340px;
+  }
+}