diff --git a/src/Components/ChatInput/ChatInput.hbs b/src/Components/ChatInput/ChatInput.hbs
index b48516d..d46f740 100644
--- a/src/Components/ChatInput/ChatInput.hbs
+++ b/src/Components/ChatInput/ChatInput.hbs
@@ -42,6 +42,7 @@
                             />
                         </svg>
                     </button>
+                    <div class='popup_stickers_bgc'></div>
                     <div id='popup_stickers_block' class='popup_stickers'>
                         <div class='popup_stickers_title'>
                             <h3>Выберите стикер</h3>
diff --git a/src/Components/ChatInput/ChatInput.js b/src/Components/ChatInput/ChatInput.js
index 9e6aa36..26de9a4 100644
--- a/src/Components/ChatInput/ChatInput.js
+++ b/src/Components/ChatInput/ChatInput.js
@@ -113,18 +113,23 @@ export default class ChatInput extends BaseComponent {
             const stickersBlockBtn = this.getParent().querySelector(
                 '.input_text_block_stickers_btn',
             );
+            const stickersBgc = this.getParent().querySelector(
+                '.popup_stickers_bgc',
+            );
 
             stickersBlockBtn.addEventListener('click', (e) => {
                 e.preventDefault();
+                stickersBgc.classList.add('is_opened');
                 stickersBlock.classList.add('is_opened');
             });
 
-            document.addEventListener('click', (e) => {
+            stickersBgc.addEventListener('click', (e) => {
                 e.preventDefault();
                 if (
                     !e.target.closest('#popup_stickers_block') &&
                     !e.target.closest('.input_text_block_stickers_btn')
                 ) {
+                    stickersBgc.classList.remove('is_opened');
                     stickersBlock.classList.remove('is_opened');
                 }
             });
diff --git a/src/Components/ChatInput/ChatInput.scss b/src/Components/ChatInput/ChatInput.scss
index 4c49d0d..2b6b7e9 100644
--- a/src/Components/ChatInput/ChatInput.scss
+++ b/src/Components/ChatInput/ChatInput.scss
@@ -131,4 +131,19 @@
     &.is_opened {
         display: block;
     }
+
+    &_bgc {
+        background-color: #000;
+        opacity: 0;
+        position: fixed;
+        top: 0;
+        right: 0;
+        width: 100vw;
+        height: 100vh;
+        display: none;
+
+        &.is_opened {
+            display: block;
+        }
+    }
 }
diff --git a/src/Components/Sticker/Sticker.scss b/src/Components/Sticker/Sticker.scss
index 5728a00..3bdbf53 100644
--- a/src/Components/Sticker/Sticker.scss
+++ b/src/Components/Sticker/Sticker.scss
@@ -6,6 +6,7 @@
 }
 
 .sticker_wrapper {
+    cursor: pointer;
     flex: 1 0 auto;
     max-width: 30%;
     aspect-ratio: 1 / 1;