from last

1 files changed, 10 insertions, 4 deletions

diff --git a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
index 45eefe6d3..2e98dbc13 100644
--- a/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
+++ b/src/client/views/collections/collectionFreeForm/CollectionFreeFormView.scss
@@ -28,12 +28,18 @@
     // touch action none means that the browser will handle none of the touch actions. this allows us to implement our own actions.
     touch-action: none;
 
-    .collectionfreeformview-placeholderSpan {
-        font-size: 32;
+    .collectionfreeformview-placeholder {
         background: gray;
-        margin: auto;
+        width: 100%;
+        height: 100%;
         display: flex;
-        text-align: center;
+        align-items: center;
+        .collectionfreeformview-placeholderSpan {
+            font-size: 32;
+            display: flex;
+            text-align: center;
+            background: #80808069;
+        }
     }
 
     .collectionfreeformview>.jsx-parser {