diff --git a/frontend/src/app/category-view/index.tsx b/frontend/src/app/category-view/index.tsx
index 611c28a2..edf62ac8 100644
--- a/frontend/src/app/category-view/index.tsx
+++ b/frontend/src/app/category-view/index.tsx
@@ -28,7 +28,7 @@ const CategoryView = () => {
     <div className="p-4">
       {selectedCategory ? (
         <div>
-          <Button variant="primary" onClick={handleBackClick} className="mb-4">
+          <Button variant="default" onClick={handleBackClick} className="mb-4">
             Back to Categories
           </Button>
           <h2 className="text-xl font-semibold mb-4">{selectedCategory.name}</h2>
@@ -65,4 +65,4 @@ const CategoryView = () => {
   );
 };
 
-export default CategoryView;
\ No newline at end of file
+export default CategoryView;