diff --git a/src/components/middle/composer/inlineResults/BaseResult.scss b/src/components/middle/composer/inlineResults/BaseResult.scss
index e6fff9832..9b483651b 100644
--- a/src/components/middle/composer/inlineResults/BaseResult.scss
+++ b/src/components/middle/composer/inlineResults/BaseResult.scss
@@ -16,7 +16,9 @@
     font-size: 1.5rem;
     line-height: 3rem;
 
-    background-color: var(--color-background-secondary);
+    &.with-text {
+      background-color: var(--color-background-secondary);
+    }
 
     img:not(.emoji) {
       width: 100%;
diff --git a/src/components/middle/composer/inlineResults/BaseResult.tsx b/src/components/middle/composer/inlineResults/BaseResult.tsx
index a12b64271..ca268145a 100644
--- a/src/components/middle/composer/inlineResults/BaseResult.tsx
+++ b/src/components/middle/composer/inlineResults/BaseResult.tsx
@@ -1,9 +1,10 @@
-import type { FC, TeactNode } from '../../../../lib/teact/teact';
-import { memo } from '../../../../lib/teact/teact';
+import type { FC, TeactNode } from '@teact';
+import { memo } from '@teact';
 
 import type { ApiWebDocument } from '../../../../api/types';
 
 import { getWebDocumentHash } from '../../../../global/helpers';
+import buildClassName from '../../../../util/buildClassName.ts';
 import { getFirstLetters } from '../../../../util/textFormat';
 import renderText from '../../../common/helpers/renderText';
 import { preventMessageInputBlurWithBubbling } from '../../helpers/preventMessageInputBlur';
@@ -49,7 +50,7 @@ const BaseResult: FC<OwnProps> = ({
   return (
     <ListItem
       focus={focus}
-      className="BaseResult chat-item-clickable"
+      className={buildClassName('BaseResult chat-item-clickable', typeof content === 'string' && 'with-text')}
       onMouseDown={preventMessageInputBlurWithBubbling}
       onClick={onClick}
     >