diff --git a/src/components/Info.tsx b/src/components/Info.tsx
index f92664ae..c41e43e5 100644
--- a/src/components/Info.tsx
+++ b/src/components/Info.tsx
@@ -227,8 +227,15 @@ const Info: React.FC = () => {
 
                 {/* Card on Top Left */}
                 {windowWidth >= 270 && (
+                  // <motion.div
+                  //   className="absolute top-2 left-2 bg-black/60
+                  //   backdrop-blur-sm rounded-lg sm:rounded-xl p-2.5 sm:p-4 md:p-6 shadow-lg
+                  //   max-w-[180px] sm:max-w-[220px] md:max-w-xs transform hover:scale-105
+                  //   transition-all duration-300 ease-out z-10 border border-white/50"
+                  //   whileHover={{ scale: 1.05 }}
+                  // >
                   <motion.div
-                    className="absolute top-2 left-2 bg-black/60
+                    className="absolute top-2 left-2 origin-top-left bg-black/60
                     backdrop-blur-sm rounded-lg sm:rounded-xl p-2.5 sm:p-4 md:p-6 shadow-lg 
                     max-w-[180px] sm:max-w-[220px] md:max-w-xs transform hover:scale-105 
                     transition-all duration-300 ease-out z-10 border border-white/50"
@@ -257,7 +264,7 @@ const Info: React.FC = () => {
                 {/* Card on Bottom Right */}
                 {windowWidth >= 270 && (
                   <motion.div
-                    className="absolute bottom-2 right-2 bg-black/60
+                    className="absolute bottom-2 right-2 origin-bottom-right bg-black/60
                     backdrop-blur-sm rounded-lg sm:rounded-xl p-2.5 sm:p-4 md:p-6 shadow-lg 
                     max-w-[180px] sm:max-w-[220px] md:max-w-xs transform hover:scale-105 
                     transition-all duration-300 ease-out z-10 border border-white/50"
diff --git a/src/sections/NavDropdown.tsx b/src/sections/NavDropdown.tsx
index 66c2a7ce..0beb6fc4 100644
--- a/src/sections/NavDropdown.tsx
+++ b/src/sections/NavDropdown.tsx
@@ -54,7 +54,7 @@ const NavDropdown: React.FC<NavDropdownProps> = ({
             animate={{ opacity: 1, y: 0 }}
             exit={{ opacity: 0, y: 10 }}
             transition={{ duration: 0.2 }}
-            className="absolute left-0 mt-2 w-56 rounded-xl bg-white shadow-xl ring-1 ring-black ring-opacity-5 overflow-hidden"
+            className="absolute left-0 mt-2 w-56 rounded-xl bg-white shadow-lg border border-gray-200 overflow-hidden"
           >
             <div className="py-2">
               {items.map((item) => (