diff --git a/src/components/Inbox/CreateModalContent.module.scss b/src/components/Inbox/CreateModalContent.module.scss
index 53328161..8052fd24 100644
--- a/src/components/Inbox/CreateModalContent.module.scss
+++ b/src/components/Inbox/CreateModalContent.module.scss
@@ -5,6 +5,7 @@
     justify-content: space-around;
     gap: 12px;
   }
+
   .chatTitleInput {
     width: 100%;
     padding: 0.5rem 1rem;
@@ -17,7 +18,7 @@
     &:focus {
       border-color: #80bdff;
       outline: 0;
-      box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
+      box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
     }
   }
 }
diff --git a/src/components/Inbox/CreateModalContent.tsx b/src/components/Inbox/CreateModalContent.tsx
index d2785f7e..6ecdebfa 100644
--- a/src/components/Inbox/CreateModalContent.tsx
+++ b/src/components/Inbox/CreateModalContent.tsx
@@ -78,7 +78,7 @@ const CreateModalContent = (props: Props) => {
           required={true}
           class={styles.chatTitleInput}
           // TODO: Удалите эти классы, если они не нужны
-          // class="form-control form-control-lg fs-3" 
+          // class="form-control form-control-lg fs-3"
           placeholder={t('Chat Title')}
         />
       )}
@@ -92,13 +92,7 @@ const CreateModalContent = (props: Props) => {
       </div>
 
       <div class={styles.footer}>
-        <Button
-          type="button"
-          value={t('Cancel')}
-          variant="danger"
-          size="L"
-          onClick={reset}
-        />
+        <Button type="button" value={t('Cancel')} variant="danger" size="L" onClick={reset} />
         <Button
           type="button"
           value={usersId().length > 1 ? t('New group') : t('Create Chat')}