diff --git a/dist/csp/css/wrapper.css b/dist/csp/css/wrapper.css
index d11b1ce..91058e5 100644
--- a/dist/csp/css/wrapper.css
+++ b/dist/csp/css/wrapper.css
@@ -22,13 +22,15 @@ iframe#settings {
     position: absolute;
     right: 0;
     top: 0;
-    width: 50%;
+    width: 40%;
     height: 100%;;
     transition: all 0.3s;
     transform: translateX(calc(100% - 5px));
+    opacity: 0;
 }
 
 iframe#settings:hover, iframe#settings.hovered {
     box-shadow: 0 0 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
     transform: translateX(0);
+    opacity: 1;
 }