diff --git a/src/app/components/message/behavior/style.css.ts b/src/app/components/message/behavior/style.css.ts
new file mode 100644
index 00000000..39df357c
--- /dev/null
+++ b/src/app/components/message/behavior/style.css.ts
@@ -0,0 +1,29 @@
+import { style } from '@vanilla-extract/css';
+
+export const container = style({
+  position: 'relative',
+  overflow: 'hidden',
+  width: '100%',
+});
+
+export const iconContainer = style({
+  position: 'absolute',
+  top: 0,
+  bottom: 0,
+  right: 0,
+  display: 'flex',
+  alignItems: 'center',
+  justifyContent: 'center',
+  width: '150px',
+});
+
+export const messageContent = style({
+  position: 'relative',
+  touchAction: 'pan-y',
+  backgroundColor: 'var(--folds-color-Background-Main)',
+  width: '100%',
+});
+
+export const icon = style({
+  position: 'absolute',
+});