fix: padding issue when inviteToGroup container has no child

4 months ago · 3e9c1e5060
parent cd6fd475e3
commit 3e9c1e5060
1 changed files with 5 additions and 1 deletions
--- a/ts/components/conversation/SubtleNotification.tsx
+++ b/ts/components/conversation/SubtleNotification.tsx
@ -41,7 +41,11 @@ const Container = styled.div<{ noExtraPadding: boolean }>`
  flex-direction: row;
  justify-content: center;
  background-color: var(--background-secondary-color);
-  padding: ${props => (props.noExtraPadding ? '' : 'var(--margins-lg)')};
+
+  // add padding only if we have a child.
+  &:has(*:not(:empty)) {
+    padding: ${props => (props.noExtraPadding ? '' : 'var(--margins-lg)')};
+  }
 `;

 const TextInner = styled.div`