diff --git a/about.html b/about.html
index 6c1a9ddf8..3bab2be19 100644
--- a/about.html
+++ b/about.html
@@ -7,7 +7,7 @@
font-src 'self';
form-action 'self';
frame-src 'none';
- img-src 'self' blob: data:;
+ img-src 'self' data:;
media-src 'self' blob:;
object-src 'none';
script-src 'self';
diff --git a/background.html b/background.html
index d327aa36f..da9f2d4f0 100644
--- a/background.html
+++ b/background.html
@@ -13,7 +13,7 @@
font-src 'self';
form-action 'self';
frame-src 'none';
- img-src 'self' blob: data:;
+ img-src 'self' data:;
media-src 'self' blob:;
object-src 'none';
script-src 'self';
diff --git a/background_test.html b/background_test.html
index 477c49394..8b74902b8 100644
--- a/background_test.html
+++ b/background_test.html
@@ -13,7 +13,7 @@
font-src 'self';
form-action 'self';
frame-src 'none';
- img-src 'self' blob: data:;
+ img-src 'self' data:;
media-src 'self' blob:;
object-src 'none';
script-src 'self' 'unsafe-eval';
diff --git a/debug_log.html b/debug_log.html
index f0b7b0262..effc02174 100644
--- a/debug_log.html
+++ b/debug_log.html
@@ -7,7 +7,7 @@
font-src 'self';
form-action 'self';
frame-src 'none';
- img-src 'self' blob: data:;
+ img-src 'self' data:;
media-src 'self' blob:;
object-src 'none';
script-src 'self';
diff --git a/package.json b/package.json
index 953d576ca..e71636c49 100644
--- a/package.json
+++ b/package.json
@@ -109,6 +109,7 @@
"react-dom": "16.8.3",
"react-dropzone": "^11.0.2",
"react-emoji": "^0.5.0",
+ "react-emoji-render": "^1.2.4",
"react-h5-audio-player": "^3.2.0",
"react-portal": "^4.2.0",
"react-qr-svg": "^2.2.1",
@@ -124,7 +125,6 @@
"tar": "4.4.8",
"tmp": "0.0.33",
"to-arraybuffer": "1.0.1",
- "twemoji": "^13.0.0",
"typings-for-css-modules-loader": "^1.7.0",
"underscore": "1.9.0",
"uuid": "3.3.2"
diff --git a/password.html b/password.html
index 05478651e..9d14407a4 100644
--- a/password.html
+++ b/password.html
@@ -7,7 +7,7 @@
font-src 'self';
form-action 'self';
frame-src 'none';
- img-src 'self' blob: data:;
+ img-src 'self' data:;
media-src 'self' blob:;
object-src 'none';
script-src 'self';
diff --git a/permissions_popup.html b/permissions_popup.html
index e95b75ef0..70dffb25b 100644
--- a/permissions_popup.html
+++ b/permissions_popup.html
@@ -7,7 +7,7 @@
font-src 'self';
form-action 'self';
frame-src 'none';
- img-src 'self' blob: data:;
+ img-src 'self' data:;
media-src 'self' blob:;
object-src 'none';
script-src 'self';
diff --git a/stylesheets/_session_conversation.scss b/stylesheets/_session_conversation.scss
index f800b0fc5..954e1015f 100644
--- a/stylesheets/_session_conversation.scss
+++ b/stylesheets/_session_conversation.scss
@@ -180,7 +180,7 @@ $composition-container-height: 60px;
overflow-x: hidden;
min-width: 370px;
scrollbar-width: 4px;
- padding: $session-margin-sm $session-margin-lg;
+ padding: $session-margin-sm $session-margin-lg $session-margin-lg;
&__loading {
position: absolute;
diff --git a/ts/components/session/SessionKeyVerification.tsx b/ts/components/session/SessionKeyVerification.tsx
index 8ec2628fe..bced9b117 100644
--- a/ts/components/session/SessionKeyVerification.tsx
+++ b/ts/components/session/SessionKeyVerification.tsx
@@ -14,6 +14,7 @@ import { SessionSpinner } from './SessionSpinner';
import classNames from 'classnames';
import { SessionIcon, SessionIconSize, SessionIconType } from './icon';
import { Constants } from '../../session';
+import { Emojify } from '../conversation/Emojify';
interface Props {
conversation: ConversationModel;
diff --git a/ts/components/session/conversation/SessionCompositionBox.tsx b/ts/components/session/conversation/SessionCompositionBox.tsx
index 4f31277a1..eec4e09a3 100644
--- a/ts/components/session/conversation/SessionCompositionBox.tsx
+++ b/ts/components/session/conversation/SessionCompositionBox.tsx
@@ -14,6 +14,9 @@ import { SignalService } from '../../../../ts/protobuf';
import { Constants } from '../../../session';
+import { Twemoji } from 'react-emoji-render';
+import { Emojify } from '../../conversation/Emojify';
+
interface Props {
placeholder?: string;
@@ -194,6 +197,18 @@ export class SessionCompositionBox extends React.Component {
value={message}
onChange={this.onChange}
/>
+
+
+