diff --git a/package-lock.json b/package-lock.json
index 1a7ac4b..d921d43 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -27,8 +27,8 @@
         "msw": "^1.2.2"
       },
       "engines": {
-        "node": ">=18.16.0",
-        "npm": ">=9.5.1"
+        "node": "16.19.1",
+        "npm": "8.19.3"
       }
     },
     "node_modules/@aashutoshrathi/word-wrap": {
diff --git a/src/pages/posts/Post.js b/src/pages/posts/Post.js
index f8709ae..e1186a2 100644
--- a/src/pages/posts/Post.js
+++ b/src/pages/posts/Post.js
@@ -171,13 +171,27 @@ const Post = (props) => {
               <i className="far fa-heart" />
             </OverlayTrigger>
           ) : like_id ? (
-            <span onClick={handleUnlike}>
-              <i className={`fas fa-heart ${styles.Heart}`} />
-            </span>
+            <OverlayTrigger
+              placement="top"
+              overlay={<Tooltip>No more love!</Tooltip>}
+            >
+              <div>
+                <span onClick={handleUnlike}>
+                  <i className={`fas fa-heart ${styles.Heart}`} />
+                </span>
+              </div>
+            </OverlayTrigger>
           ) : currentUser ? (
+            <OverlayTrigger
+              placement="top"
+              overlay={<Tooltip>Love it!</Tooltip>}
+            >
+              <div>
             <span onClick={handleLike}>
               <i className={`far fa-heart ${styles.HeartOutline}`} />
             </span>
+            </div>
+            </OverlayTrigger>
           ) : (
             <OverlayTrigger
               placement="top"
@@ -187,18 +201,37 @@ const Post = (props) => {
             </OverlayTrigger>
           )}
           <span className={counterStyles.counter}>{likes_count}</span>
+          <OverlayTrigger
+              placement="top"
+              overlay={<Tooltip>See Comments!</Tooltip>}
+            >
           <Link to={`/posts/${id}`}>
             <i className="far fa-comments" />
           </Link>
+          </OverlayTrigger>
           <span className={counterStyles.counter}>{comments_count}</span>
           {bucketlist_id ? (
-            <span onClick={handleRemoveFromBucketlist}>
-              <i className={`fa-solid fa-bucket ${styles.Heart}`} />
-            </span>
+            <OverlayTrigger
+              placement="top"
+              overlay={<Tooltip>Remove from bucketlist!</Tooltip>}
+            >
+              <div>
+                <span onClick={handleRemoveFromBucketlist}>
+                  <i className={`fa-solid fa-bucket ${styles.Heart}`} />
+                </span>
+              </div>
+            </OverlayTrigger>
           ) : (
-            <span onClick={handleBucketlist}>
-              <i className={`fa-solid fa-bucket ${styles.HeartOutline}`} />
-            </span>
+            <OverlayTrigger
+              placement="top"
+              overlay={<Tooltip>Add to bucketlist!</Tooltip>}
+            >
+              <div>
+                <span onClick={handleBucketlist}>
+                  <i className={`fa-solid fa-bucket ${styles.HeartOutline}`} />
+                </span>
+              </div>
+            </OverlayTrigger>
           )}
           <span className={counterStyles.counter}>{bucketlists_count}</span>
         </div>