6 files changed, 13 insertions, 9 deletions
diff --git a/src/app/web-series/[id]/page.jsx b/src/app/web-series/[id]/page.jsx
index 63fcc3a..3d36883 100644
--- a/src/app/web-series/[id]/page.jsx
+++ b/src/app/web-series/[id]/page.jsx
@@ -13,7 +13,7 @@ const SeriesInfoPage = async ({ params }) => {
 		<main
 			style={{
 				// backgroundImage: `url(https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.backdrop_path})`,
-				background: `linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%), 
+				background: `linear-gradient(to bottom, rgba(0, 0, 0, 0) 70%, #121212 100%), 
                 url(https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.backdrop_path}) no-repeat center center fixed`,
 				backgroundSize: "cover",
 			}}
diff --git a/src/app/web-series/components/HomePageModules.jsx b/src/app/web-series/components/HomePageModules.jsx
index 90af2f8..91d90bf 100644
--- a/src/app/web-series/components/HomePageModules.jsx
+++ b/src/app/web-series/components/HomePageModules.jsx
@@ -39,8 +39,8 @@ const Pages = async ({ type: type }) => {
 							<section className={styles.SeriesEntry}>
 								<Image
 									src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${item.poster_path}`}
-									width={167}
-									height={267}
+									width={180}
+									height={300}
 									alt="Series Poster"
 									priority
 								/>
diff --git a/src/app/web-series/components/searchBar.jsx b/src/app/web-series/components/searchBar.jsx
index 81dd25f..42531bc 100644
--- a/src/app/web-series/components/searchBar.jsx
+++ b/src/app/web-series/components/searchBar.jsx
@@ -23,7 +23,7 @@ const SearchBar = () => {
 				<FaSearch
 					color="white"
 					className={styles.SearchIcon}
-					size={17}
+					size={22}
 				/>
 				<input
 					placeholder="Enter series title here"
diff --git a/src/app/web-series/styles/info.module.css b/src/app/web-series/styles/info.module.css
index 8873b41..d60023d 100644
--- a/src/app/web-series/styles/info.module.css
+++ b/src/app/web-series/styles/info.module.css
@@ -1,5 +1,4 @@
 .Main {
-	min-height: 100vh;
 	margin-top: 60px;
 	
 }
diff --git a/src/app/web-series/styles/pages.module.css b/src/app/web-series/styles/pages.module.css
index 631f7db..8f15de2 100644
--- a/src/app/web-series/styles/pages.module.css
+++ b/src/app/web-series/styles/pages.module.css
@@ -1,10 +1,13 @@
 .main h2 {
 	color: white;
+	/* margin: 0.4rem 0 0 0; */
+	text-transform: uppercase;
+	font-size: 30px;
 }
 
 .SeriesContainer {
 	display: grid;
-	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
+	grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 	grid-gap: 0.5rem;
 	align-items: center;
 	margin: -1rem 0 0 0;
@@ -23,13 +26,13 @@
 }
 
 .SeriesEntry p {
-	width: 160px;
+	width: 170px;
 	overflow: hidden;
 	white-space: nowrap;
 	text-overflow: ellipsis;
 	text-align: center;
 	margin: 0.3rem 0 0 0;
-	font-family: "Atkinson Hyperlegible", serif;
+	font-family: "Lexend Deca", serif;
 }
 
 .SeriesEntry img {
diff --git a/src/app/web-series/styles/search.module.css b/src/app/web-series/styles/search.module.css
index 145a2aa..fdf46e3 100644
--- a/src/app/web-series/styles/search.module.css
+++ b/src/app/web-series/styles/search.module.css
@@ -1,9 +1,10 @@
 .InputContainer {
 	display: flex;
 	align-items: center;
-	background-color: #121212;
+	background-color: #1f1f1f;
 	width: 40vw;
 	border-radius: 0.5rem;
+	padding: 0.4rem;
 }
 
 .SearchIcon {
@@ -16,6 +17,7 @@
 	border: none;
 	padding: 0.4rem;
 	font-family: "Lexend Deca", serif;
+	font-size: 20px;
 	margin-left: 0.2rem;
 	font-size: large;
 	color: white;