diff --git a/src/components/ui/ColourSwatches.tsx b/src/components/ui/ColourSwatches.tsx
index ffc72b84d9ee30550f26b243e506fc6a0326441d..b34c914e3b436df36d298f84d6bc198b60f764df 100644
--- a/src/components/ui/ColourSwatches.tsx
+++ b/src/components/ui/ColourSwatches.tsx
@@ -42,6 +42,8 @@ const SwatchesBase = styled.div`
         height: 0;
         top: 72px;
         opacity: 0;
+        padding: 0;
+        border: 0;
         position: relative;
         pointer-events: none;
     }
@@ -97,6 +99,7 @@ const Rows = styled.div`
     display: flex;
     flex-direction: column;
     overflow: auto;
+    padding-bottom: 4px;
 
     > div {
         gap: 8px;