diff --git a/src/components/Navigation.jsx b/src/components/Navigation.jsx
index d8cd4ea..09820d7 100644
--- a/src/components/Navigation.jsx
+++ b/src/components/Navigation.jsx
@@ -22,7 +22,7 @@ const Navigation = ({ initialAnimation, onMouseEnter, onAnimationEnd }) => {
   return (
     <div
       className={`navigation container animate__animated ${animation}`}
-      onMouseEnter={() => onMouseEnter(setAnimation)}
+      /* onMouseEnter={() => onMouseEnter(setAnimation)} */
       onAnimationEnd={() => onAnimationEnd(setAnimation)}
     >
       <ul className="navList">
diff --git a/src/css/Navigation.css b/src/css/Navigation.css
index 977f121..6d95040 100644
--- a/src/css/Navigation.css
+++ b/src/css/Navigation.css
@@ -13,6 +13,11 @@
 
 .navItem {
   font-size: 1.5rem;
+  width: 100%;
+}
+
+.navItem:hover {
+  animation: jello 1s;
 }
 
 .navIcon {
@@ -26,7 +31,7 @@
   color: white;
   display: flex;
   align-items: center;
-  justify-content: center;
+  justify-content: space-between;
   gap: 0.5rem;
 }