diff --git a/.prettierrc.js b/.prettierrc.js
index 869fa46..38d98cb 100644
--- a/.prettierrc.js
+++ b/.prettierrc.js
@@ -1,12 +1,13 @@
 const config = {
   semi: false,
   tabWidth: 2,
-  printWidth: 120,
+  printWidth: 80,
   singleQuote: true,
   jsxSingleQuote: true,
   trailingComma: 'none',
   arrowParens: 'always',
-  endOfLine: 'auto'
+  endOfLine: 'auto',
+  noBracketSpacing: true
 }
 
 module.exports = config
diff --git a/components/chat-bubble/index.tsx b/components/chat-bubble/index.tsx
index a0a8f6c..3135c39 100644
--- a/components/chat-bubble/index.tsx
+++ b/components/chat-bubble/index.tsx
@@ -10,9 +10,18 @@ interface ChatBubbleProps {
   mine?: boolean
 }
 
-const ChatBubble: FC<ChatBubbleProps> = ({ opening_statement, content, mine = false }) => {
+const ChatBubble: FC<ChatBubbleProps> = ({
+  opening_statement,
+  content,
+  mine = false
+}) => {
   return (
-    <div className={cn(styles.bubble, mine ? styles.bubble_mine : styles.bubble_other)}>
+    <div
+      className={cn(
+        styles.bubble,
+        mine ? styles.bubble_mine : styles.bubble_other
+      )}
+    >
       {opening_statement && <div>{opening_statement}</div>}
       <div>{content}</div>
       <div></div>