Stop access token overflowing the box

res/css/views/elements/_CopyableText.pcss

@@ -39,8 +39,13 @@ limitations under the License.
         margin-left: 20px;
         display: block;
         /* center to first line */
-        position: relative;
+        // position: relative;
         top: 0.15em;
+        /* If the copy button is used within a scrollable div,
+        make it stick to the right while scrolling  */
+        position: sticky;
+        right: 0;
+        background-color: $background;
 
         &::before {
             content: "";

res/css/views/settings/tabs/user/_HelpUserSettingsTab.pcss

@@ -28,4 +28,9 @@ limitations under the License.
             margin-bottom: $spacing-16;
         }
     }
+
+    /* prevent the access token from overflowing the text box */
+    div .mx_CopyableText {
+        overflow: scroll;
+    }
 }