List Item: Mobile-like design on tablets

src/components/common/ChatOrUserPicker.scss

@@ -50,6 +50,15 @@
       overflow-x: hidden;
       overflow-y: auto;
       padding: 0 0.5rem;
+
+      body.is-ios &,
+      body.is-android & {
+        padding: 0;
+      }
+
+      @media (max-width: 600px) {
+        padding: 0;
+      }
     }
   }
 

src/components/left/main/Chat.scss

@@ -136,6 +136,13 @@
     }
   }
 
+  body.is-ios &,
+  body.is-android & {
+    .ListItem-button {
+      border-radius: 0 !important;
+    }
+  }
+
   @media (max-width: 600px) {
     .ListItem-button {
       border-radius: 0 !important;

src/components/ui/ListItem.scss

@@ -14,6 +14,23 @@
       box-shadow: inset 0 -0.03125rem 0 0 var(--color-dividers);
     }
 
+    &.selected::after,
+    &:last-of-type::after {
+      display: none;
+    }
+
+    // Conceal above item divider
+    &.selected::before {
+      content: "";
+      position: absolute;
+      top: -0.0625rem;
+      left: 4.5rem;
+      right: 0;
+      height: 0.0625rem;
+      /* stylelint-disable-next-line plugin/whole-pixel */
+      box-shadow: inset 0 -0.03125rem 0 0 var(--color-background);
+    }
+
     &:last-of-type::after {
       display: none;
     }
@@ -48,9 +65,17 @@
     color: var(--color-text);
     border-radius: var(--border-radius-default);
     --ripple-color: rgba(0, 0, 0, 0.08);
-
     text-decoration: none;
 
+    body.is-ios &,
+    body.is-android & {
+      border-radius: 0 ;
+    }
+
+    @media (max-width: 600px) {
+      border-radius: 0 ;
+    }
+
     > .icon {
       font-size: 1.5rem;
       margin-right: 2rem;

src/styles/_common.scss

@@ -121,11 +121,6 @@
     }
   }
 
-  @media (max-width: 600px) {
-    padding-left: 0;
-    padding-right: 0;
-  }
-
   .scroll-container {
     position: relative;
   }
@@ -150,8 +145,16 @@
     }
   }
 
+  @media (max-width: 600px) {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
   body.is-ios &,
   body.is-android & {
+    padding-left: 0;
+    padding-right: 0;
+
     .ListItem::after {
       opacity: 1;
       transition: opacity var(--layer-transition);