diff --git a/src/styles/global.css b/src/styles/global.css
index b8bc2fd5..0649a20e 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -239,6 +239,17 @@ nav > .toggle span {
   width: 100%;
   right: 0;
   padding: 0 5px;
+  opacity: 0;
+  transition: opacity 0.1s;
+  pointer-events: none;
+}
+
+.preview-panel .panel-controls > * {
+  pointer-events: initial;
+}
+
+.preview-panel:hover .panel-controls {
+  opacity: 1;
 }
 
 .panel-controls > *:not(:last-child) {
@@ -738,6 +749,10 @@ nav > .toggle span {
     font-size: 18px;
   }
 
+  body[data-panel="preview"] .preview-panel .panel-controls {
+    opacity: 1;
+  }
+
   .generators-list {
     margin: 0 15px;
   }