diff --git a/src/components/global/NavBar.tsx b/src/components/global/NavBar.tsx
index ea97f28..73e14e4 100644
--- a/src/components/global/NavBar.tsx
+++ b/src/components/global/NavBar.tsx
@@ -24,7 +24,7 @@ export default function Navigationbar() {
         },
     ];
     return (
-        <div className="bg-secondary fixed top-5 left-1/2 z-30 box-border flex w-auto -translate-x-1/2 items-center justify-center gap-5 overflow-auto rounded-full border-2 border-solid border-gray-700 px-5 py-3">
+        <div className="bg-secondary fixed top-5 left-1/2 z-30 box-border flex -translate-x-1/2 items-center justify-center gap-5 overflow-auto rounded-full border-2 border-solid border-gray-700 px-5 py-3">
             <img
                 src="/images/pfp_new.webp"
                 alt="Ryan"
diff --git a/src/components/ui/HoverNavigation.tsx b/src/components/ui/HoverNavigation.tsx
index 0beae49..51ebf31 100644
--- a/src/components/ui/HoverNavigation.tsx
+++ b/src/components/ui/HoverNavigation.tsx
@@ -42,7 +42,7 @@ export const HoverNavigation = ({
     return (
         <motion.div
             animate={{
-                width: visible ? "100%" : "0%",
+                width: visible ? "auto" : "0px",
             }}
             className={cn(
                 "flex flex-row items-center justify-center overflow-hidden",
@@ -53,7 +53,7 @@ export const HoverNavigation = ({
                 <a
                     href={item?.link}
                     key={item?.link}
-                    className="group relative block h-full w-auto px-5 py-2"
+                    className="group relative block h-full px-5 py-2"
                     onMouseEnter={() => setHoveredIndex(idx)}
                     onMouseLeave={() => setHoveredIndex(null)}
                 >