diff --git a/src/css/toolbox-animated-preview.css b/src/css/toolbox-animated-preview.css
index e6ed99a7..648f74e1 100644
--- a/src/css/toolbox-animated-preview.css
+++ b/src/css/toolbox-animated-preview.css
@@ -131,13 +131,29 @@
   float: left;
 
   width : 22px;
-  line-height: 18px;
+  min-height: 22px;
   margin: 0 5px;
 }
 
+.preview-drop-down.preview-drop-down-disabled {
+  opacity: 0.5;
+}
+
+.preview-disable-overlay{
+  position: absolute;
+  width: 100%;
+  height: 100%;
+  display: none;
+}
+
+.preview-drop-down.preview-drop-down-disabled .preview-disable-overlay {
+  display: block;
+  z-index: 10;
+}
+
 .preview-drop-down .preview-contextual-action {
   position: relative;
-  margin: -100% 0 0 0;
+  margin: 0 0 -100% 0;
   opacity: 0;
   transition: opacity linear .2s,
               margin linear .2s;
@@ -152,7 +168,6 @@
 }
 
 .preview-drop-down .size-button-selected {
-  margin: 0;
   opacity: 1;
   color: gold;
   border-color: gold;
diff --git a/src/js/controller/preview/PreviewController.js b/src/js/controller/preview/PreviewController.js
index d09ac64e..77b366ef 100644
--- a/src/js/controller/preview/PreviewController.js
+++ b/src/js/controller/preview/PreviewController.js
@@ -24,9 +24,11 @@
     this.fpsRangeInput = document.querySelector('#preview-fps');
     this.fpsCounterDisplay = document.querySelector('#display-fps');
     this.openPopupPreview = document.querySelector('.open-popup-preview-button');
+    this.previewSizeDropdown = document.querySelector('.preview-drop-down');
     this.previewSize = {
       original: {
         name: 'original',
+        zoom: 1,
         button: document.querySelector('.original-size-button'),
         shortcut: pskl.service.keyboard.Shortcuts.MISC.X1_PREVIEW,
         tooltip: 'Original size preview',
@@ -34,19 +36,22 @@
       },
       best: {
         name: 'best',
+        zoom: this.calculateZoom_.bind(this, true),
         button: document.querySelector('.best-size-button'),
         shortcut: pskl.service.keyboard.Shortcuts.MISC.BEST_PREVIEW,
-        tooltip: 'Round factor size preview',
+        tooltip: 'Biggest round factor size preview',
         enabled: true
       },
       full: {
         name: 'full',
+        zoom: this.calculateZoom_.bind(this, false),
         button: document.querySelector('.full-size-button'),
         shortcut: pskl.service.keyboard.Shortcuts.MISC.FULL_PREVIEW,
         tooltip: 'Biggest factor size preview',
         enabled: true
       }
     };
+    this.selectedPreviewSize = pskl.UserSettings.get(pskl.UserSettings.PREVIEW_SIZE);
     this.toggleOnionSkinButton = document.querySelector('.preview-toggle-onion-skin');
 
     /**
@@ -86,6 +91,9 @@
       }
     }
 
+    var disableTooltip = pskl.utils.TooltipFormatter.format('I\'m disabled');
+    document.querySelector('.preview-disable-overlay').setAttribute('title', disableTooltip);
+
     $.subscribe(Events.FRAME_SIZE_CHANGED, this.onFrameSizeChange_.bind(this));
     $.subscribe(Events.USER_SETTINGS_CHANGED, $.proxy(this.onUserSettingsChange_, this));
     $.subscribe(Events.PISKEL_SAVE_STATE, this.setRenderFlag_.bind(this, true));
@@ -103,39 +111,48 @@
 
   ns.PreviewController.prototype.updatePreviewSizeButtons_ = function () {
     var fullZoom = this.calculateZoom_();
+    var bestZoom = Math.floor(fullZoom);
     var seamlessModeEnabled = pskl.UserSettings.get(pskl.UserSettings.SEAMLESS_MODE);
+    var shouldDisable = true;
 
-    if (seamlessModeEnabled) {
-      this.togglePreviewSizeButtonState_(this.previewSize.best, false);
-      this.togglePreviewSizeButtonState_(this.previewSize.full, false);
-      this.onChangePreviewSize_(this.previewSize.original.name);
-    } else {
-      if (Number.isInteger(fullZoom)) {
-        this.togglePreviewSizeButtonState_(this.previewSize.full, false);
-        if (pskl.UserSettings.get(pskl.UserSettings.PREVIEW_SIZE) === this.previewSize.full.name) {
+    // Hard-coded options collision
+    if (fullZoom < 1) {
+      this.togglePreviewWidget_(this.previewSize.full.name);
+    } else if (seamlessModeEnabled || (fullZoom === 1 && bestZoom === 1)) {
+      this.togglePreviewWidget_(this.previewSize.original.name);
+    } else { // widget not disabled
+      this.togglePreviewWidget_(!shouldDisable);
+      if (fullZoom === bestZoom) {
+        if (this.togglePreviewSizeButtonState_(this.previewSize.full, shouldDisable)) {
           this.onChangePreviewSize_(this.previewSize.best.name);
         }
-      } else if (fullZoom <= 1) {
-        this.togglePreviewSizeButtonState_(this.previewSize.best, false);
-        if (fullZoom < 1) {
-          this.togglePreviewSizeButtonState_(this.previewSize.original, false);
-          this.onChangePreviewSize_(this.previewSize.full.name);
-        } else {
+      } else if (bestZoom === 1) {
+        if (this.togglePreviewSizeButtonState_(this.previewSize.best, shouldDisable)) {
           this.onChangePreviewSize_(this.previewSize.original.name);
         }
-      } else {
-        this.togglePreviewSizeButtonState_(this.previewSize.original, true);
-        this.togglePreviewSizeButtonState_(this.previewSize.best, true);
-        this.togglePreviewSizeButtonState_(this.previewSize.full, true);
       }
     }
+
     this.previewSize.best.button.textContent = Math.floor(fullZoom) + 'x';
   };
 
-  ns.PreviewController.prototype.togglePreviewSizeButtonState_ = function (wrapper, enable) {
+  ns.PreviewController.prototype.togglePreviewWidget_ = function (disable) {
+    this.previewSizeDropdown.classList.toggle('preview-drop-down-disabled', disable);
+    for (var size in this.previewSize) {
+      if (this.previewSize.hasOwnProperty(size)) {
+        this.togglePreviewSizeButtonState_(this.previewSize[size], disable && size !== disable);
+      }
+    }
+    if (disable) {
+      this.onChangePreviewSize_(disable);
+    }
+  };
+
+  ns.PreviewController.prototype.togglePreviewSizeButtonState_ = function (wrapper, disable) {
     var disabledClassname = 'preview-contextual-action-disabled';
-    wrapper.button.classList.toggle(disabledClassname, !enable);
-    wrapper.enabled = enable;
+    wrapper.button.classList.toggle(disabledClassname, disable);
+    wrapper.enabled = !disable;
+    return disable && wrapper.name === this.selectedPreviewSize;
   };
 
   ns.PreviewController.prototype.onOpenPopupPreviewClick_ = function () {
@@ -144,6 +161,7 @@
 
   ns.PreviewController.prototype.onChangePreviewSize_ = function (choice) {
     if (this.previewSize[choice].enabled) {
+      this.selectedPreviewSize = choice;
       pskl.UserSettings.set(pskl.UserSettings.PREVIEW_SIZE, choice);
     }
   };
@@ -153,10 +171,6 @@
       this.updateOnionSkinPreview_();
     } else if (name == pskl.UserSettings.MAX_FPS) {
       this.updateMaxFPS_();
-    } else if (name == pskl.UserSettings.SEAMLESS_MODE) {
-      this.onChangePreviewSize_(this.previewSize.original.name);
-      this.togglePreviewSizeButtonState_(this.previewSize.best, !value);
-      this.togglePreviewSizeButtonState_(this.previewSize.full, !value);
     } else {
       this.updateZoom_();
       this.selectPreviewSizeButton_();
@@ -177,9 +191,8 @@
       currentlySelected.classList.remove(enabledClassname);
     }
 
-    var previewSize = pskl.UserSettings.get(pskl.UserSettings.PREVIEW_SIZE);
-    var button = this.previewSize[previewSize].button;
-    button.classList.add(enabledClassname);
+    var option = this.previewSize[this.selectedPreviewSize];
+    option.button.classList.add(enabledClassname);
   };
 
   ns.PreviewController.prototype.updateMaxFPS_ = function () {
@@ -191,20 +204,9 @@
   ns.PreviewController.prototype.updateZoom_ = function () {
     var chosenPreviewSize = pskl.UserSettings.get(pskl.UserSettings.PREVIEW_SIZE);
 
-    var zoom;
-    switch (chosenPreviewSize) {
-      case this.previewSize.original.name:
-        zoom = 1;
-        break;
-      case this.previewSize.best.name:
-        zoom = this.calculateZoom_(true);
-        break;
-      case this.previewSize.full.name:
-        zoom = this.calculateZoom_(false);
-        break;
-    }
+    var zoom = this.previewSize[chosenPreviewSize].zoom;
 
-    this.renderer.setZoom(zoom);
+    this.renderer.setZoom($.isFunction(zoom) ? zoom() : zoom);
     this.setRenderFlag_(true);
   };
 
diff --git a/src/templates/preview.html b/src/templates/preview.html
index be14265a..53372ee6 100644
--- a/src/templates/preview.html
+++ b/src/templates/preview.html
@@ -2,6 +2,7 @@
   <div class="canvas-container-wrapper minimap-container">
     <div class="preview-contextual-actions">
       <div class="preview-drop-down">
+        <div class="preview-disable-overlay" rel="tooltip" data-placement="left"></div>
         <div class="preview-contextual-action  original-size-button" rel="tooltip" data-placement="left">1x</div>
         <div class="preview-contextual-action  best-size-button" rel="tooltip" data-placement="left"></div>
         <div class="preview-contextual-action  full-size-button" rel="tooltip" data-placement="left">Full</div>