diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 5e02383e34381f432e33eea4e1b799505be45c17..1839bc8a57d6c9adcd5400385d297d806434fa80 100644
--- a/src/pages/settings/panes/Panes.module.scss
+++ b/src/pages/settings/panes/Panes.module.scss
@@ -314,7 +314,7 @@
         gap: 12px;
         flex-direction: row;
 
-        .flextest {
+        .detail {
             display: flex;
             gap: 12px;
             flex-grow: 1;
@@ -323,6 +323,7 @@
         @media only screen and (max-width: 900px) {
             align-items: unset;
             flex-direction: column;
+            gap: 20px;
 
             > button {
                 width: 100%;
diff --git a/src/pages/settings/panes/Sessions.tsx b/src/pages/settings/panes/Sessions.tsx
index ffd60a970f7183460e74565bc22a511573bdaad4..81dae3c5bdfbc248f742355eed76563ffeed07f1 100644
--- a/src/pages/settings/panes/Sessions.tsx
+++ b/src/pages/settings/panes/Sessions.tsx
@@ -128,7 +128,7 @@ export function Sessions() {
                         </span>
                     )}
                     <div className={styles.session}>
-                        <div className={styles.flextest}>
+                        <div className={styles.detail}>
                             <div className={styles.icon}>
                                 {getIcon(session)}
                                 <div>{getSystemIcon(session)}</div>