diff --git a/components/NavColumnItem/index.tsx b/components/NavColumnItem/index.tsx
index 632f92c..ec44cfb 100644
--- a/components/NavColumnItem/index.tsx
+++ b/components/NavColumnItem/index.tsx
@@ -1,5 +1,7 @@
 import React from 'react';
 import { IconType } from '@/lib/icons';
+import COLORS from '@/styles/colors';
+import { P2 } from '@/styles/text';
 import {
   NavColumnItemContainer,
   NavColumnItemOuterContainer,
@@ -24,14 +26,14 @@ export default function NavColumnItem({
   onClose,
 }: NavColumnItemProps) {
   return (
-    <NavColumnItemOuterContainer $isSelected={isSelected}>
-      {isSelected && <SelectedIndicator />}
-      <NavColumnItemContainer>
-        <StyledIcon type={icon} />
-        <StyledLink href={path} onClick={onClose}>
-          {routeName}
-        </StyledLink>
-      </NavColumnItemContainer>
-    </NavColumnItemOuterContainer>
+    <StyledLink href={path} onClick={onClose}>
+      <NavColumnItemOuterContainer $isSelected={isSelected}>
+        {isSelected && <SelectedIndicator />}
+        <NavColumnItemContainer>
+          <StyledIcon type={icon} />
+          <P2 $color={COLORS.shrub}>{routeName}</P2>
+        </NavColumnItemContainer>
+      </NavColumnItemOuterContainer>
+    </StyledLink>
   );
 }
diff --git a/components/NavColumnItem/styles.ts b/components/NavColumnItem/styles.ts
index df48401..e3af047 100644
--- a/components/NavColumnItem/styles.ts
+++ b/components/NavColumnItem/styles.ts
@@ -9,9 +9,8 @@ export const NavColumnItemOuterContainer = styled.div<{ $isSelected: boolean }>`
   align-items: center;
   padding: 12px 12px 12px 0px;
   background-color: ${({ $isSelected }) =>
-    $isSelected ? COLORS.sproutLight : COLORS.glimpse};
-  border-radius: ${({ $isSelected }) =>
-    $isSelected ? '0px 50px 50px 0px' : 'none'};
+    $isSelected ? COLORS.sproutLight : 'transparent'};
+  border-radius: 0px 50px 50px 0px;
   position: relative;
   z-index: 1;
   margin-right: 8px;
@@ -27,7 +26,6 @@ export const NavColumnItemContainer = styled.div`
 
 export const StyledLink = styled(Link)`
   text-decoration: none;
-  color: ${COLORS.shrub};
   &:hover {
     text-decoration: none;
   }