From 7e3a6507dc9ed8f07ab634d60dcbb8bd23c72a40 Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Sat, 15 Apr 2023 13:51:32 +0200
Subject: [PATCH] Sticker Set Modal: Fix extra space for content (#2984)

---
 src/components/common/StickerSetModal.scss | 10 +++++++++-
 src/components/common/StickerSetModal.tsx  |  3 ++-
 2 files changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/components/common/StickerSetModal.scss b/src/components/common/StickerSetModal.scss
index 40bc0c28a..fd1b12ef8 100644
--- a/src/components/common/StickerSetModal.scss
+++ b/src/components/common/StickerSetModal.scss
@@ -1,4 +1,12 @@
 .StickerSetModal {
+  &.custom-emoji {
+    --emoji-size: 2.25rem;
+
+    .stickers {
+      padding: 0 0.5rem;
+    }
+  }
+
   .modal-dialog {
     width: 26.25rem;
     max-width: 100%;
@@ -16,7 +24,7 @@
 
   .modal-content {
     text-align: center;
-    padding: 0;
+    padding: 0 !important;
   }
 
   .stickers {
diff --git a/src/components/common/StickerSetModal.tsx b/src/components/common/StickerSetModal.tsx
index 4d56cc6e8..b850453ff 100644
--- a/src/components/common/StickerSetModal.tsx
+++ b/src/components/common/StickerSetModal.tsx
@@ -18,6 +18,7 @@ import {
 import renderText from './helpers/renderText';
 import { copyTextToClipboard } from '../../util/clipboard';
 import { getAllowedAttachmentOptions, getCanPostInChat } from '../../global/helpers';
+import buildClassName from '../../util/buildClassName';
 
 import { useIntersectionObserver } from '../../hooks/useIntersectionObserver';
 import useLang from '../../hooks/useLang';
@@ -187,7 +188,7 @@ const StickerSetModal: FC<OwnProps & StateProps> = ({
 
   return (
     <Modal
-      className="StickerSetModal"
+      className={buildClassName('StickerSetModal', isEmoji && 'custom-emoji')}
       isOpen={isOpen}
       onClose={onClose}
       header={renderHeader()}