diff --git a/fortune_generator/css/styles.css b/fortune_generator/css/styles.css
index 2a34d14..805ca3b 100644
--- a/fortune_generator/css/styles.css
+++ b/fortune_generator/css/styles.css
@@ -144,3 +144,7 @@ button:hover {
   border-radius: 50%; /* Circular shape */
   margin-left: 5px; /* Spacing between dots */
 }
+
+.color-preview .color-dot:first-child {
+  margin-left: 0; /* No margin on the left for the first dot */
+}