diff --git a/CHANGELOG.md b/CHANGELOG.md
index 9f17df1..db37ad9 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -7,7 +7,12 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 ## [Unreleased]
 
+### Changed
+
+- Using tokens to define responsive width.
+
 ## [2.8.2] - 2019-03-20
+
 ### Changed
 
 - Set width explicitly to `w-100` again
diff --git a/react/__tests__/__snapshots__/Telemarketing.test.tsx.snap b/react/__tests__/__snapshots__/Telemarketing.test.tsx.snap
index 12d7795..e8effa6 100644
--- a/react/__tests__/__snapshots__/Telemarketing.test.tsx.snap
+++ b/react/__tests__/__snapshots__/Telemarketing.test.tsx.snap
@@ -60,7 +60,7 @@ exports[`<Telemarketing /> component should match snapshot with client 1`] = `
             </div>
           </div>
           <div
-            class="popoverBox absolute top-2 z-max bb b--muted-3 dn"
+            class="popoverBox absolute-ns top-2 z-max bb b--muted-3 fixed-s dn"
           >
             <div
               class="popoverContentContainer mt3-ns bg-base shadow-3-ns"
@@ -208,7 +208,7 @@ exports[`<Telemarketing /> component should match snapshot without client 1`] =
         </div>
       </div>
       <div
-        class="login false"
+        class="login w-50 flex flex-row-reverse-ns flex-row-s"
       >
         <div
           class="popoverContainer relative flex h-100 items-center pr4"
@@ -237,7 +237,7 @@ exports[`<Telemarketing /> component should match snapshot without client 1`] =
             </div>
           </div>
           <div
-            class="popoverBox absolute top-2 z-max bb b--muted-3 dn"
+            class="popoverBox absolute-ns top-2 z-max bb b--muted-3 fixed-s dn"
           >
             <div
               class="popoverContentContainer mt3-ns bg-base shadow-3-ns"