diff --git a/web/styles/app_variables.css b/web/styles/app_variables.css index bd0922de19..8857f38dbc 100644 --- a/web/styles/app_variables.css +++ b/web/styles/app_variables.css @@ -273,6 +273,10 @@ /* Right sidebar */ --right-sidebar-padding-right: 8px; + /* Vlad's design adds 2px of extra padding beyond the + space created by the padding-left on .right-sidebar, + which separates the right sidebar from the message area. */ + --right-sidebar-padding-left: 2px; /* Tippy popover related values */ --navbar-popover-menu-min-width: 230px; diff --git a/web/styles/right_sidebar.css b/web/styles/right_sidebar.css index 3f500d7338..e221a0784e 100644 --- a/web/styles/right_sidebar.css +++ b/web/styles/right_sidebar.css @@ -9,6 +9,7 @@ $user_status_emoji_width: 24px; .right-sidebar-items { padding-right: var(--right-sidebar-padding-right); + padding-left: var(--right-sidebar-padding-left); } .right-sidebar-title {