diff --git a/src/components/Sidebar.tsx b/src/components/Sidebar.tsx
index 70122f2..296181b 100644
--- a/src/components/Sidebar.tsx
+++ b/src/components/Sidebar.tsx
@@ -8,15 +8,32 @@ import {
   SidebarLink,
   HelperBox,
   HelperIcon,
-  HelperText,
   DividerLine,
 } from "../styles/components/Sidebar";
 import { BulbOutlined } from "@ant-design/icons";
+import styled from "styled-components";
 
 interface SidebarProps {
   steps: { title: string; link: string }[];
 }
 const Sidebar: React.FC<SidebarProps> = ({ steps }) => {
+  const HelperText = styled.div`
+  flex: 1;
+  color: #333;
+
+  a {
+    color: #19c6c7 !important;
+    text-decoration: none;
+
+    &:hover {
+      text-decoration: underline;
+    }
+  }
+
+  & > a {
+    margin-left: 0.25rem;
+  }
+`;
   return (
     <SidebarContainer>
       <SidebarTitle>Learning Pathway</SidebarTitle>
diff --git a/src/styles/components/Sidebar.ts b/src/styles/components/Sidebar.ts
index 81136a4..faacbd5 100644
--- a/src/styles/components/Sidebar.ts
+++ b/src/styles/components/Sidebar.ts
@@ -76,23 +76,6 @@ export const HelperIcon = styled.div`
   color: #19c6c7;
 `;
 
-export const HelperText = styled.div`
-  flex: 1;
-  color: #333;
-
-  a {
-    color: #19c6c7 !important;
-    text-decoration: none;
-
-    &:hover {
-      text-decoration: underline;
-    }
-  }
-
-  & > a {
-    margin-left: 0.25rem;
-  }
-`;
 
 export const DividerLine = styled.div`
   height: 1px;