diff --git a/public/css/app.css b/public/css/app.css
index aab0141..4cdddda 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -18038,6 +18038,7 @@ .notes .note {
 }
 .notes .note .content {
   font-size: 1rem;
+  padding-right: 10%;
 }
 .notes .note .time {
   font-size: 0.5rem;
@@ -18048,12 +18049,15 @@ .notes .note .delete-wrapper {
   position: absolute;
   top: 0;
   left: 0;
-  width: 100%;
+  width: 10%;
   height: 100%;
   align-items: center;
   justify-content: center;
   cursor: pointer;
 }
+.notes .note .delete-wrapper:hover {
+  display: flex;
+}
 .notes .note .delete-wrapper .bg {
   background: red;
   opacity: 0.7;
@@ -18069,6 +18073,3 @@ .notes .note .delete-wrapper .delete {
   font-weight: bold;
   font-size: 1.2rem;
 }
-.notes .note:hover .delete-wrapper {
-  display: flex;
-}
diff --git a/public/mix-manifest.json b/public/mix-manifest.json
index c4b0b10..437dcb4 100644
--- a/public/mix-manifest.json
+++ b/public/mix-manifest.json
@@ -1,4 +1,4 @@
 {
     "/js/app.js": "/js/app.js?id=c98255a330e87e9652070f2535faf5ac",
-    "/css/app.css": "/css/app.css?id=f73ebf2d70c6a8e9d42d21eebc12e29c"
+    "/css/app.css": "/css/app.css?id=2256531870611bc5ca65bc01fa411952"
 }
diff --git a/resources/scss/app.scss b/resources/scss/app.scss
index 7e1980b..f628b4f 100644
--- a/resources/scss/app.scss
+++ b/resources/scss/app.scss
@@ -7,6 +7,7 @@
         background: #eee;
         .content {
             font-size: 1rem;
+            padding-right: 10%;
         }
         .time {
             font-size: .5rem;
@@ -17,11 +18,14 @@
             position: absolute;
             top: 0;
             left: 0;
-            width: 100%;
+            width: 10%;
             height: 100%;
             align-items: center;
             justify-content: center;
             cursor: pointer;
+            &:hover {
+                display: flex;
+            }
             .bg {
                 background: red;
                 opacity: .7;
@@ -38,10 +42,6 @@
                 font-size: 1.2rem;
             }
         }
-        &:hover {
-            .delete-wrapper {
-                display: flex;
-            }
-        }
+
     }
 }