diff --git a/.gitignore b/.gitignore
index 2f40efc..ef54831 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,6 +6,8 @@ dist/
 #docs-*
 docs-*/
 
+examples/
+
 # dependencies
 node_modules/
 
diff --git a/src/scss/_orbit-class_theme.scss b/src/scss/_orbit-class_theme.scss
index daa17c4..309971d 100644
--- a/src/scss/_orbit-class_theme.scss
+++ b/src/scss/_orbit-class_theme.scss
@@ -1,4 +1,4 @@
 
 .orbit, [class*='orbit-']:not(.orbit-zone) {
-  border: 1px solid var(--o-gray);
+  border: 1px solid transparent;
 }
diff --git a/src/scss/_segment_theme.scss b/src/scss/_segment_theme.scss
index 80a7ed3..8b1550a 100644
--- a/src/scss/_segment_theme.scss
+++ b/src/scss/_segment_theme.scss
@@ -1,5 +1,5 @@
 
 .segment {
   border: none;
-  background: var(--o-color-black);
+  background: var(--o-gray-light);
 }
diff --git a/src/scss/_spoke_theme.scss b/src/scss/_spoke_theme.scss
index 3611865..5668d76 100644
--- a/src/scss/_spoke_theme.scss
+++ b/src/scss/_spoke_theme.scss
@@ -1,5 +1,5 @@
 
 .spoke {
   border: none;
-  background: var(--o-color-black);
+  background: var(--o-gray-light);
 }
diff --git a/src/scss/_utilities.scss b/src/scss/_utilities.scss
index bee6d85..1e54b4f 100644
--- a/src/scss/_utilities.scss
+++ b/src/scss/_utilities.scss
@@ -220,5 +220,5 @@ o-progress.rounded,o-label.rounded {
 }
 
 .dev-orbit * {
-  border: 0.1 dashed var(--o-cyan) !important;
+  border: 1px dashed var(--o-cyan) !important;
 }