diff --git a/slidebars/slidebars.css b/slidebars/slidebars.css
index 40efd0d..ba7936d 100644
--- a/slidebars/slidebars.css
+++ b/slidebars/slidebars.css
@@ -63,45 +63,45 @@ html, body {
 	-webkit-overflow-scrolling: touch; /* Enables momentum scrolling on iOS devices, may be removed by setting to 'auto' in your own CSS. */
 }
 
-[off-canvas*=top] {
+[off-canvas*=" top"] {
 	width: 100%;
 	height: 255px;
 	top: 0;
 }
 
-[off-canvas*=right] {
+[off-canvas*=" right"] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	right: 0;
 }
 
-[off-canvas*=bottom] {
+[off-canvas*=" bottom"] {
 	width: 100%;
 	height: 255px;
 	bottom: 0;
 }
 
-[off-canvas*=left] {
+[off-canvas*=" left"] {
 	width: 255px;
 	height: 100%;
 	top: 0;
 	left: 0;
 }
 
-[off-canvas*=reveal] {
+[off-canvas*=" reveal"] {
 	z-index: 0;
 }
 
-[off-canvas*=push] {
+[off-canvas*=" push"] {
 	z-index: 1;
 }
 
-[off-canvas*=overlay] {
+[off-canvas*=" overlay"] {
 	z-index: 9999;
 }
 
-[off-canvas*=shift] {
+[off-canvas*=" shift"] {
 	z-index: 0;
 }
 
@@ -118,22 +118,22 @@ html, body {
 	-webkit-backface-visibility: hidden; /* Prevents flickering, may be removed if experiencing problems with fixed background images in Chrome. */
 }
 
-[off-canvas*=shift][off-canvas*=top] {
+[off-canvas*=" shift"][off-canvas*=" top"] {
 	-webkit-transform: translate( 0px, 50% );
 	        transform: translate( 0px, 50% );
 }
 
-[off-canvas*=shift][off-canvas*=right] {
+[off-canvas*=" shift"][off-canvas*=" right"] {
 	-webkit-transform: translate( -50%, 0px );
 	        transform: translate( -50%, 0px );
 }
 
-[off-canvas*=shift][off-canvas*=bottom] {
+[off-canvas*=" shift"][off-canvas*=" bottom"] {
 	-webkit-transform: translate( 0px, -50% );
 	        transform: translate( 0px, -50% );
 }
 
-[off-canvas*=shift][off-canvas*=left] {
+[off-canvas*=" shift"][off-canvas*=" left"] {
 	-webkit-transform: translate( 50%, 0px );
 	        transform: translate( 50%, 0px );
 }