diff --git a/res/css/views/settings/_CryptographyPanel.scss b/res/css/views/settings/_CryptographyPanel.scss
index b97ca1e1d5..2290791d5d 100644
--- a/res/css/views/settings/_CryptographyPanel.scss
+++ b/res/css/views/settings/_CryptographyPanel.scss
@@ -1,14 +1,14 @@
-.mx_CryptographyPanel {
+.mx_CryptographyPanel_sessionInfo {
     display: table;
     padding-left: 0;
 }
 
-.mx_CryptographyPanel > li {
+.mx_CryptographyPanel_sessionInfo > li {
     display: table-row;
 }
 
-.mx_CryptographyPanel > li > label,
-.mx_CryptographyPanel > li > span {
+.mx_CryptographyPanel_sessionInfo > li > label,
+.mx_CryptographyPanel_sessionInfo > li > span {
     display: table-cell;
     padding-right: 1em;
 }
diff --git a/src/components/views/settings/CryptographyPanel.tsx b/src/components/views/settings/CryptographyPanel.tsx
index a4e192aaed..1e1cb3ba68 100644
--- a/src/components/views/settings/CryptographyPanel.tsx
+++ b/src/components/views/settings/CryptographyPanel.tsx
@@ -72,9 +72,9 @@ export default class CryptographyPanel extends React.Component<IProps, IState> {
         }
 
         return (
-            <div className='mx_SettingsTab_section'>
+            <div className='mx_SettingsTab_section mx_CryptographyPanel'>
                 <span className='mx_SettingsTab_subheading'>{ _t("Cryptography") }</span>
-                <ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel'>
+                <ul className='mx_SettingsTab_subsectionText mx_CryptographyPanel_sessionInfo'>
                     <li>
                         <label>{ _t("Session ID:") }</label>
                         <span><code>{ deviceId }</code></span>