diff --git a/frontend/src/resources/css/_chat.scss b/frontend/src/resources/css/_chat.scss
index 03d3064..d6f405f 100644
--- a/frontend/src/resources/css/_chat.scss
+++ b/frontend/src/resources/css/_chat.scss
@@ -180,6 +180,11 @@
                         border-radius: 12px;
                         position: relative;
                         word-wrap: break-word;
+                        overflow-wrap: anywhere;
+                        word-break: break-word;
+                        width: fit-content;
+                        max-width: 100%;
+                        display: inline-block;
 
                         .message-content {
                             word-wrap: break-word;
diff --git a/frontend/vite.config.ts b/frontend/vite.config.ts
index cf1126e..930ffb3 100644
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -53,8 +53,8 @@ export default defineConfig({
     appType: "mpa",
     css: {
         postcss: {
-            plugins: [autoprefixer()],
-        },
+            plugins: [autoprefixer()]
+        }
     },
     build: {
         minify: 'terser',