diff --git a/app/assets/stylesheets/bubbles.css b/app/assets/stylesheets/bubbles.css
index 9d4fb84a8..ad0662884 100644
--- a/app/assets/stylesheets/bubbles.css
+++ b/app/assets/stylesheets/bubbles.css
@@ -328,9 +328,13 @@
     color: var(--splat-color);
   }
 
-  textarea::selection {
-    background-color: var(--bubble-color);
-    color: var(--color-ink-reversed);
+  textarea {
+    hyphens: none;
+  
+    &::selection {
+      background-color: var(--bubble-color);
+      color: var(--color-ink-reversed);
+    }
   }
 
   @media (hover: hover) {
diff --git a/app/models/bubble/colored.rb b/app/models/bubble/colored.rb
index 613a4e4a0..9c5535691 100644
--- a/app/models/bubble/colored.rb
+++ b/app/models/bubble/colored.rb
@@ -1,9 +1,9 @@
 module Bubble::Colored
   extend ActiveSupport::Concern
 
-  COLORS = %w[ #BF1B1B #ED3F1C #ED8008 #7C956B #698F9C #3B4B59 #5D618F #3B3633 #67695E ]
+  COLORS = %w[ #BF1B1B #ED3F1C #ED8008 #7C956B #698F9C #266ec3 #3B4B59 #5D618F #3B3633 #67695E ]
 
   included do
-    attribute :color, default: "#698F9C"
+    attribute :color, default: "#266ec3"
   end
 end