From a8ba23c08e912863d0ac58bc3839162a771ac948 Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Thu, 10 Jun 2021 11:34:01 +0100
Subject: [PATCH] Use more unique class names to avoid clashes

---
 packages/standard-components/src/Container.svelte | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/standard-components/src/Container.svelte b/packages/standard-components/src/Container.svelte
index 64b48408e6..3288f60e7f 100644
--- a/packages/standard-components/src/Container.svelte
+++ b/packages/standard-components/src/Container.svelte
@@ -11,7 +11,7 @@
 
   let element
 
-  $: directionClass = direction ? `container direction-${direction}` : ""
+  $: directionClass = direction ? `valid-container direction-${direction}` : ""
   $: hAlignClass = hAlign ? `hAlign-${hAlign}` : ""
   $: vAlignClass = vAlign ? `vAlign-${vAlign}` : ""
   $: sizeClass = size ? `size-${size}` : ""
@@ -36,11 +36,11 @@
   .empty {
     border: 2px dashed rgba(0, 0, 0, 0.25);
   }
-  .container {
+  .valid-container {
     display: flex;
     max-width: 100%;
   }
-  .container :global([data-type="component"] > *) {
+  .valid-container :global([data-type="component"] > *) {
     max-width: 100%;
   }
   .direction-row {