diff --git a/static/styles/zulip.css b/static/styles/zulip.css
index e4fcbe6b05..60fae9d860 100644
--- a/static/styles/zulip.css
+++ b/static/styles/zulip.css
@@ -59,6 +59,14 @@ a {
     user-select: auto;
 }
 
+.text-select {
+    -webkit-touch-callout: text;
+    -webkit-user-select: text;
+    -moz-user-select: text;
+    -ms-user-select: text;
+    user-select: text;
+}
+
 p.n-margin {
     margin: 10px 0px 0px 0px;
 }
diff --git a/static/templates/bot_avatar_row.handlebars b/static/templates/bot_avatar_row.handlebars
index 0a9b11242c..5fd4af3866 100644
--- a/static/templates/bot_avatar_row.handlebars
+++ b/static/templates/bot_avatar_row.handlebars
@@ -31,8 +31,8 @@
         <div class="api_key">
             <span class="field">{{t "API key" }}</span>
             <span class="api-key-value-and-button no-select">
-                <!-- have the `.auto-select` in `.no-select` so that the value doesn't have trailing whitespace. -->
-                <span class="value auto-select">{{api_key}}</span>
+                <!-- have the `.text-select` in `.no-select` so that the value doesn't have trailing whitespace. -->
+                <span class="value text-select">{{api_key}}</span>
                 <button type="submit" class="button no-style btn-secondary regenerate_bot_api_key" title="{{t 'Generate new API key' }}" data-email="{{email}}">
                     <i class="icon-vector-refresh"></i>
                 </button>