diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index a0c85f6..a2f49f5 100644
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -41,6 +41,8 @@ import {
   SquareArrowRightEnter,
   SquareArrowRightExit,
   FileMusic,
+  Minus,
+  Plus,
 } from "lucide-react";
 import { useLocation } from "wouter";
 import { useRef, useState, useEffect, useCallback, useMemo } from "react";
@@ -718,7 +720,7 @@ export default function Home() {
               });
             }}
           >
-            <span className="text-[20px] leading-none">-</span>
+            <span className="text-[20px] leading-none"><Minus size={20} className="text-[#00FFF6]" /></span>
           </button>
 
           <span className="text-[22px] font-bold tracking-tight" style={{ color: "#00FFF6" }}>
@@ -743,7 +745,7 @@ export default function Home() {
               });
             }}
           >
-            <span className="text-[20px] leading-none">+</span>
+            <span className="text-[20px] leading-none"><Plus size={20} className="text-[#00FFF6]" /></span>
           </button>
         </div>