diff --git a/css/modals/invite/_invite.scss b/css/modals/invite/_invite.scss
index d2931016d..f2edd559a 100644
--- a/css/modals/invite/_invite.scss
+++ b/css/modals/invite/_invite.scss
@@ -8,17 +8,22 @@
 
 .invite-dialog {
     .dial-in-numbers {
+        .dial-in-numbers-conference-id {
+            color: orange;
+            margin-left: 3px;
+        }
+
+        /*
+         * dial-in-numbers-copy styling is needed for the feature of copying
+         * text to the clipboard. The styling keeps the element invisible
+         * to the user but still programmatically selectable for copying.
+         */
         .dial-in-numbers-copy {
             opacity: 0;
             pointer-events: none;
             position: fixed;
-            user-select: text;
             -webkit-user-select: text;
-        }
-
-        .dial-in-numbers-conference-id {
-            color: orange;
-            margin-left: 3px;
+            user-select: text;
         }
 
         .dial-in-numbers-trigger {