diff --git a/package.json b/package.json
index 78113f7..c3e30da 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "simplest-file-renamer",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "description": "Simplest app to rename your files",
   "homepage": "https://github.com/whyboris/Simplest-File-Renamer",
   "author": {
diff --git a/src/app/home/comparison/comparison.component.scss b/src/app/home/comparison/comparison.component.scss
index 791cf1d..434fc7c 100644
--- a/src/app/home/comparison/comparison.component.scss
+++ b/src/app/home/comparison/comparison.component.scss
@@ -5,6 +5,7 @@
   left: -100vw;
   min-width: calc(150vw - 9px);
   opacity: 0.7;
+  pointer-events: none;
   position: absolute;
   width: calc(150vw - 9px);
 }
@@ -16,6 +17,7 @@
 }
 
 .show-error {
+  cursor: not-allowed;
 
   .error-text {
     background: white;
diff --git a/src/app/home/home.component.html b/src/app/home/home.component.html
index b3aea9b..70fba8c 100644
--- a/src/app/home/home.component.html
+++ b/src/app/home/home.component.html
@@ -28,7 +28,10 @@
 
 <div
   class="rename-container rename-overlay animated"
-  [ngStyle]="{ opacity: mode === 'review' ? 0 : (hover ? 0 : 1) }"
+  [ngStyle]="{
+    'opacity': hover ? 0 : 1,
+    'display': mode === 'review' ? 'none' : 'initial'
+  }"
 >
 
   <div #editor3>
diff --git a/src/app/home/home.component.scss b/src/app/home/home.component.scss
index bce440e..e1d6640 100644
--- a/src/app/home/home.component.scss
+++ b/src/app/home/home.component.scss
@@ -140,7 +140,6 @@ button {
   & :nth-child(1) {
     overflow: hidden; // hide scrollbars
     padding-bottom: 10px; // compensate for hidden scrollbar
-    pointer-events: none;
     transform: translateX(20px);
     user-select: none;
   }
@@ -152,7 +151,7 @@ button {
 }
 
 .rename-overlay {
-  pointer-events: none !important;
+  pointer-events: none;
   user-select: none;
 }