diff --git a/src/components/ListButtons.jsx b/src/components/ListButtons.jsx
index d74a1a5..8f52f0a 100644
--- a/src/components/ListButtons.jsx
+++ b/src/components/ListButtons.jsx
@@ -5,7 +5,7 @@ const ListButtons = (props) => {
 	const buttonVariants = {
 		purple: 'flex items-center justify-center rounded-lg bg-lightPurple',
 		white:
-			'flex items-center justify-center  rounded-lg bg-white border text-darkPurple',
+			'flex items-center justify-center  rounded-lg bg-puurWhite border text-darkPurple',
 	};
 
 	const iconVariants = {
diff --git a/src/components/SearchList.jsx b/src/components/SearchList.jsx
index 1181917..7c3654d 100644
--- a/src/components/SearchList.jsx
+++ b/src/components/SearchList.jsx
@@ -25,7 +25,7 @@ export const SearchList = ({ data, setNewList }) => {
 		<form>
 			<div className="relative flex items-center ">
 				<input
-					className="bg-white border rounded-lg col-span-1 w-full	font-poppins text-base p-5 "
+					className="bg-puurWhite border text-darkPurple rounded-lg col-span-1 w-full	font-poppins text-base p-5 "
 					id="search"
 					type="text"
 					onChange={(e) => handleFiltering(e)}
@@ -36,7 +36,7 @@ export const SearchList = ({ data, setNewList }) => {
 				<button
 					onClick={(e) => resetInput(e)}
 					aria-label="clear the search bar"
-					className="border rounded-sm h-7 px-1  absolute end-5 flex items-center"
+					className="border text-darkPurple rounded-sm h-7 px-1  absolute end-5 flex items-center"
 				>
 					<i className="fa-solid fa-x fa-2xs"></i>
 				</button>
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
index d93bb44..33b3bc1 100644
--- a/src/views/Layout.jsx
+++ b/src/views/Layout.jsx
@@ -12,7 +12,7 @@ export function Layout({ lists, listPath }) {
 	};
 
 	return (
-		<div className="max-w-screen flex flex-col text-poppins min-w-96 ">
+		<div className="max-w-screen flex flex-col text-poppins min-w-96 bg-puurWhite min-h-screen">
 			<NavBar user={user} lists={lists} listPath={listPath} />
 			<main className="w-full lg:pt-16  pb-12 xl:w-9/12  xl:mx-auto">
 				{!!user ? (