diff --git a/src/pages/settings/panes/Panes.module.scss b/src/pages/settings/panes/Panes.module.scss
index 5e02383e..1839bc8a 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 ffd60a97..81dae3c5 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>