diff --git a/src/components/Arrow.js b/src/components/Arrow.js
index <HASH>..<HASH> 100644
--- a/src/components/Arrow.js
+++ b/src/components/Arrow.js
@@ -60,7 +60,7 @@ const defaultStyles = {
 		userSelect: 'none',
 	},
 
-	// sizees
+	// sizes
 	arrow__size__medium: {
 		height: defaults.arrow.height,
 		marginTop: defaults.arrow.height / -2,
diff --git a/src/theme.js b/src/theme.js
index <HASH>..<HASH> 100644
--- a/src/theme.js
+++ b/src/theme.js
@@ -45,7 +45,7 @@ theme.thumbnail = {
 
 // arrow
 theme.arrow = {
-	background: 'black',
+	background: 'none',
 	fill: 'white',
 	height: 120,
 };
default arrow bg to none and fix typo