style(SW-634): add logic to avoid double borders

components/Blocks/ShortcutsList/index.tsx

@@ -18,17 +18,20 @@ export default function ShortcutsList({
   const leftColumn = shortcuts.slice(0, middleIndex)
   const rightColumn = shortcuts.slice(middleIndex)
 
-  const classNames = hasTwoColumns
+  const classNames =
-    ? {
+    hasTwoColumns && shortcuts.length > 1
-        section: styles.twoColumnSection,
+      ? {
-        leftColumn: styles.leftColumn,
+          section: styles.twoColumnSection,
-        rightColumn: styles.rightColumn,
+          leftColumn: styles.leftColumn,
-      }
+          rightColumn: styles.rightColumn,
-    : {
+        }
-        section: styles.oneColumnSection,
+      : {
-        leftColumn: styles.leftColumnBottomBorder,
+          section: styles.oneColumnSection,
-        rightColumn: "",
+          leftColumn:
-      }
+            shortcuts.length === 1
+              ? styles.leftColumnBorderBottomNone
+              : styles.leftColumnBorderBottom,
+        }
 
   return (
     <SectionContainer>

components/Blocks/ShortcutsList/shortcutsList.module.css

@@ -7,10 +7,14 @@
 }
 
 .leftColumn,
-.leftColumnBottomBorder {
+.leftColumnBorderBottom {
   border-bottom: 1px solid var(--Base-Border-Subtle);
 }
 
+.leftColumnBorderBottomNone {
+  border-bottom: none;
+}
+
 @media screen and (min-width: 1367px) {
   .twoColumnSection {
     grid-template-columns: 1fr 1fr;