diff --git a/src/styles/_popup.scss b/src/styles/_popup.scss
index 1c6ad92..dc6caf9 100644
--- a/src/styles/_popup.scss
+++ b/src/styles/_popup.scss
@@ -1,4 +1,15 @@
 .maputnik-popup-layer {
+  display: flex;
+  flex-direction: row;
+}
+
+.maputnik-popup-layer__swatch {
+  display: inline-block;
+  width: 5px;
+  align-content: stretch;
+}
+
+.maputnik-popup-layer__label {
   display: block;
   color: $color-lowgray;
   cursor: pointer;