diff --git a/src/bavarder.gresource.xml b/src/bavarder.gresource.xml
index 5dd9b6c..bb31c6e 100644
--- a/src/bavarder.gresource.xml
+++ b/src/bavarder.gresource.xml
@@ -11,6 +11,7 @@
     <file preprocess="xml-stripblanks" alias="ui/code_block.ui">widgets/code_block.ui</file>
     <file preprocess="xml-stripblanks">gtk/help-overlay.ui</file>
     <file>style.css</file>
+    <file>style-dark.css</file>
   </gresource>
 
   <gresource prefix="/io/github/Bavarder/Bavarder/icons/scalable/actions/">
diff --git a/src/style-dark.css b/src/style-dark.css
new file mode 100644
index 0000000..c1b22a7
--- /dev/null
+++ b/src/style-dark.css
@@ -0,0 +1 @@
+.chat-entry { background: rgba(255, 255, 255, 0.1); }
diff --git a/src/style.css b/src/style.css
index 0664bc6..131100a 100644
--- a/src/style.css
+++ b/src/style.css
@@ -9,12 +9,13 @@
   background-color: rgba(184, 134, 17,0.02);
 }
 
-.chat-entry > text { background: none; }
+.chat-entry {
+  background: rgba(0, 0, 0, 0.08);
+}
 
 .message-bubble {
-  font-size: 16px;
   color: @window_fg_color;
-  border-radius: 15px;
+  border-radius: 12px;
   padding: 9px;
   background-color: mix(@window_bg_color, @window_fg_color, .05);
 }
@@ -26,11 +27,11 @@
 }
 
 .avatar-user {
-  opacity: 0;
+  opacity: 1;
 }
 
 .timestamp {
-  font-size: 12px;
+  font-size: 9pt;
   padding-left: 6px;
 }
 
diff --git a/src/widgets/item.blp b/src/widgets/item.blp
index df1ee9b..0aac613 100644
--- a/src/widgets/item.blp
+++ b/src/widgets/item.blp
@@ -11,7 +11,7 @@ template $Item : Box {
       "avatar-other",
     ]
     valign: start;
-    size: 36;
+    size: 32;
   }
 
   Box {