diff --git a/content-elements/layout/spacer/index.js b/content-elements/layout/spacer/index.js
index 5545879..e9e899c 100644
--- a/content-elements/layout/spacer/index.js
+++ b/content-elements/layout/spacer/index.js
@@ -1 +1,3 @@
+require('./styles.scss');
+
 module.exports = require('./prototype')();
\ No newline at end of file
diff --git a/content-elements/layout/spacer/prototype/styles.scss b/content-elements/layout/spacer/prototype/styles.scss
new file mode 100644
index 0000000..0c5b7c8
--- /dev/null
+++ b/content-elements/layout/spacer/prototype/styles.scss
@@ -0,0 +1,8 @@
+@import "../../../../styles/properties";
+
+@mixin styles($id: 'spacer-jarY9b') {
+  // ensure spacer is visible when no other items are present (e.g. in banner)
+  .bsi-ce-edit-mode .bsi-element-#{$id} {
+    min-width: 160px;
+  }
+}
\ No newline at end of file
diff --git a/content-elements/layout/spacer/styles.scss b/content-elements/layout/spacer/styles.scss
new file mode 100644
index 0000000..9ea03e9
--- /dev/null
+++ b/content-elements/layout/spacer/styles.scss
@@ -0,0 +1,3 @@
+@use 'prototype/styles' as element;
+
+@include element.styles();
\ No newline at end of file