diff --git a/src/ui/web/css/themes/element/theme.css b/src/ui/web/css/themes/element/theme.css
index 55ac213a..203dbc9e 100644
--- a/src/ui/web/css/themes/element/theme.css
+++ b/src/ui/web/css/themes/element/theme.css
@@ -547,22 +547,37 @@ ul.Timeline > li.messageStatus .message-container > p {
     margin-left: 12px;
 }
 
-.Settings {
-    flex: 1;
+.SettingsBody {
+    padding: 12px 16px;
 }
 
 .Settings .row .label {
     font-weight: 600;
 }
 
-.Settings .row.key .content {
+.Settings .row .label, .Settings .row .content {
+    margin-top: 4px;
+    margin-bottom: 4px;
+}
+
+.Settings .row .content {
+    margin-left: 4px;
+}
+
+.Settings .row.code .content {
     font-family: monospace;
 }
 
+.Settings .row .content button {
+  display: inline-block;
+  margin: 0 8px;
+}
+
 .Settings .row {
-    margin: 12px;
+    margin: 4px 0px;
     display: flex;
     flex-wrap: wrap;
+    align-items: center;
 }
 
 .Settings .row .label {
diff --git a/src/ui/web/session/SessionView.js b/src/ui/web/session/SessionView.js
index 895e7a27..1d397d30 100644
--- a/src/ui/web/session/SessionView.js
+++ b/src/ui/web/session/SessionView.js
@@ -71,10 +71,10 @@ class SettingsView extends TemplateView {
                 t.a({className: "button-utility close-middle", href: vm.closeUrl, title: vm.i18n`Close settings`}),
                 t.h2("Settings")
             ]),
-            t.div([
+            t.div({className: "SettingsBody"}, [
                 row(vm.i18n`User ID`, vm.userId),
-                row(vm.i18n`Session ID`, vm.deviceId),
-                row(vm.i18n`Session key`, vm.fingerprintKey, "key"),
+                row(vm.i18n`Session ID`, vm.deviceId, "code"),
+                row(vm.i18n`Session key`, vm.fingerprintKey, "code"),
                 row(vm.i18n`Version`, version),
             ])
         ]);