Index: frontend/src/components/SubjectCatalog/SubjectCatalog.tsx
===================================================================
--- frontend/src/components/SubjectCatalog/SubjectCatalog.tsx	(revision 3152c66b24fdb12ec187239a8a0b8a6c1a51e882)
+++ frontend/src/components/SubjectCatalog/SubjectCatalog.tsx	(revision ad9b02260a77e6ee14e92636da6985c46453e71b)
@@ -126,4 +126,5 @@
 							visibleCourses={visibleCourses}
 							openSubjectDetails={openSubjectDetails}
+							from="subjects"
 						/>
 					)}
Index: frontend/src/components/SubjectCatalog/SubjectList.tsx
===================================================================
--- frontend/src/components/SubjectCatalog/SubjectList.tsx	(revision 3152c66b24fdb12ec187239a8a0b8a6c1a51e882)
+++ frontend/src/components/SubjectCatalog/SubjectList.tsx	(revision ad9b02260a77e6ee14e92636da6985c46453e71b)
@@ -7,4 +7,5 @@
 	visibleCourses: number;
 	openSubjectDetails: (subject: Subject) => void;
+	from: string;
 }
 
@@ -13,8 +14,11 @@
 	visibleCourses,
 	openSubjectDetails,
+	from,
 }: SubjectListProps) => {
 	const navigate = useNavigate();
 	const openSubjectView = (subject: Subject) => {
-		navigate(`/subjects/${subject.code}`);
+		navigate(`/subjects/${subject.code}`, {
+			state: { from: `/${from}` },
+		});
 	};
 	return (
@@ -23,8 +27,8 @@
 				<div
 					key={subject.id}
-					className="border border-gray-200 rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-200"
+					className="border border-gray-200 bg-white rounded-lg overflow-hidden shadow-sm hover:shadow-md transition-shadow duration-200"
 				>
 					<div className="p-4 min-h-full flex flex-col gap-1">
-						<div className="flex justify-between items-start mb-2">
+						<div className="flex justify-between items-start mb-8">
 							<div>
 								<h3 className="text-lg font-semibold">{subject.name}</h3>
@@ -32,7 +36,4 @@
 							</div>
 						</div>
-						{/* <p className="text-gray-700 text-sm mb-4 line-clamp-2">
-            				{subject.abstract}
-          					</p> */}
 						{/* <div className="flex flex-wrap gap-2 mb-4">
 							{subject.subject_info.tags.map((tag) => (
Index: frontend/src/pages/FavoriteSubjects.tsx
===================================================================
--- frontend/src/pages/FavoriteSubjects.tsx	(revision 3152c66b24fdb12ec187239a8a0b8a6c1a51e882)
+++ frontend/src/pages/FavoriteSubjects.tsx	(revision ad9b02260a77e6ee14e92636da6985c46453e71b)
@@ -1,10 +1,10 @@
 import { useEffect, useMemo, useState } from "react";
-import { Subject } from "../components/types";
 import SkeletonCard from "../components/SubjectCatalog/SkeletonCard";
 import SubjectList from "../components/SubjectCatalog/SubjectList";
 import SubjectModal from "../components/SubjectCatalog/SubjectModal";
+import { getSubjectPrerequisites } from "../components/SubjectCatalog/utils";
+import { Subject } from "../components/types";
 import { useFavorites } from "../context/FavoritesContext";
 import { useSubjects } from "../context/SubjectsContext";
-import { getSubjectPrerequisites } from "../components/SubjectCatalog/utils";
 
 const FavoriteSubjects = () => {
@@ -50,35 +50,14 @@
 
 	return (
-		<div className="mx-auto p-4 bg-white min-h-screen">
+		<div className="mx-auto p-4 bg-white min-h-[83vh]">
 			{favoriteSubjects.length > 0 && (
-				<div className="mb-8 flex justify-center">
-					<div className="px-12 py-8 rounded-2xl shadow-lg border-4 border-blue-500 hover:shadow-xl  hover:scale-105 hover:border-blue-700 transition-all duration-300">
-						<div className="flex items-center justify-center gap-4">
-							<div className="w-12 h-12 bg-green-500 rounded-full flex items-center justify-center">
-								<svg
-									className="w-7 h-7 text-white"
-									fill="none"
-									stroke="currentColor"
-									viewBox="0 0 24 24"
-								>
-									<path
-										strokeLinecap="round"
-										strokeLinejoin="round"
-										strokeWidth={3}
-										d="M5 13l4 4L19 7"
-									/>
-								</svg>
-							</div>
-							<p className="text-gray-800 font-bold text-2xl">
-								{favoriteSubjects.length === 1
-									? "Имаш 1 омилен предмет!"
-									: `Имаш ${favoriteSubjects.length} омилени предмети!`}
-							</p>
-						</div>
-					</div>
+				<div className="mb-8 flex">
+					<h3 className="text-3xl font-bold text-gray-900 mb-2">
+						Омилени предмети
+					</h3>
 				</div>
 			)}
 
-			<div className="flex flex-col md:flex-row gap-6">
+			<div className="flex flex-col md:flex-row gap-6 bg-gray-50 p-3 rounded">
 				<div className="flex-1">
 					{!isLoaded ? (
@@ -93,4 +72,5 @@
 							visibleCourses={visibleCourses}
 							openSubjectDetails={openSubjectDetails}
+							from="favorite-subjects"
 						/>
 					)}
Index: frontend/src/pages/Recommendations.tsx
===================================================================
--- frontend/src/pages/Recommendations.tsx	(revision 3152c66b24fdb12ec187239a8a0b8a6c1a51e882)
+++ frontend/src/pages/Recommendations.tsx	(revision ad9b02260a77e6ee14e92636da6985c46453e71b)
@@ -1,4 +1,5 @@
 import { useMemo, useState } from "react";
 import { useNavigate } from "react-router-dom";
+import FavoriteButton from "../components/SubjectCatalog/FavoriteButton";
 import SubjectModal from "../components/SubjectCatalog/SubjectModal";
 import { getSubjectPrerequisites } from "../components/SubjectCatalog/utils";
@@ -8,5 +9,4 @@
 import { useAuth } from "../hooks/useAuth";
 import useAxiosAuth from "../hooks/useAxiosAuth";
-import FavoriteButton from "../components/SubjectCatalog/FavoriteButton";
 
 const Recommendations = () => {
@@ -74,5 +74,7 @@
 
 	const openSubjectView = (subject: Subject) => {
-		navigate(`/subjects/${subject.code}`);
+		navigate(`/subjects/${subject.code}`, {
+			state: { from: "/recommendations" },
+		});
 	};
 
Index: frontend/src/pages/SubjectView.tsx
===================================================================
--- frontend/src/pages/SubjectView.tsx	(revision 3152c66b24fdb12ec187239a8a0b8a6c1a51e882)
+++ frontend/src/pages/SubjectView.tsx	(revision ad9b02260a77e6ee14e92636da6985c46453e71b)
@@ -89,9 +89,16 @@
 				<div className="max-w-6xl mx-auto px-4 py-4">
 					<button
-						onClick={() => navigate(-1)}
+						onClick={() => navigate(from)}
 						className="flex items-center text-gray-600 hover:text-gray-900 mb-4"
 					>
 						<ArrowLeft className="w-5 h-5 mr-2" />
-						Назад
+						Назад кон
+						{from == "/subjects"
+							? " сите предмети"
+							: from == "/recommendations"
+							? " препораките"
+							: from == "/favorite-subjects"
+							? " омилените предмети"
+							: " домашната страна"}
 					</button>