Merge pull request #32425 from software-mansion-labs/wave8/lhn-style

[Wave8] Change design of OptionRowLHN
Expensify · Dec 6, 2023 · 27cb3f7 · 27cb3f7
2 parents bbe73ef + 36f9d93
commit 27cb3f7
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/LHNOptionsList/OptionRowLHN.js b/src/components/LHNOptionsList/OptionRowLHN.js
@@ -201,7 +201,7 @@ function OptionRowLHN(props) {
                             styles.alignItemsCenter,
                             styles.justifyContentBetween,
                             styles.sidebarLink,
-                            styles.sidebarLinkInner,
+                            styles.sidebarLinkInnerLHN,
                             StyleUtils.getBackgroundColorStyle(theme.sidebar),
                             props.isFocused ? styles.sidebarLinkActive : null,
                             (hovered || isContextMenuActive) && !props.isFocused ? props.hoverStyle || styles.sidebarLinkHover : null,

diff --git a/src/styles/styles.ts b/src/styles/styles.ts
@@ -1492,6 +1492,8 @@ const styles = (theme: ThemeColors) =>
             flexDirection: 'row',
             paddingLeft: 8,
             paddingRight: 8,
+            marginHorizontal: 12,
+            borderRadius: variables.componentBorderRadiusNormal,
         },
 
         sidebarLinkText: {