diff --git a/src/components/GptResults.js b/src/components/GptResults.js
index 9e6cfa4..c9140d4 100644
--- a/src/components/GptResults.js
+++ b/src/components/GptResults.js
@@ -7,7 +7,7 @@ const GptResults = () => {
   if (!movieNames) return null;
 
   return (
-    <div className="ml-12 text-white">
+    <div className="pl-12 text-white bg-black">
       {movieNames.map((name, index) => (
         <div key={index} className="overflow-hidden">
           <h1 className="text-white font-bold text-2xl rounded m-2">{name}</h1>
diff --git a/src/components/MovieInfo.js b/src/components/MovieInfo.js
index 8afc918..94a30cb 100644
--- a/src/components/MovieInfo.js
+++ b/src/components/MovieInfo.js
@@ -4,14 +4,14 @@ import { faPlay, faCircleInfo } from "@fortawesome/free-solid-svg-icons";
 
 const MovieInfo = ({ title, overview }) => {
   return (
-    <div className="w-1/3 ml-10 mt-[11%] absolute font-bold">
+    <div className="w-1/3 ml-10 mt-[11%] absolute font-bold z-10">
       <h1 className="font-bold text-5xl m-3 text-white">{title}</h1>
       <p className="text-lg text-justify m-3 text-white">{overview}</p>
       <button className="bg-white w-32 p-3 mx-3 my-4 font-bold rounded text-lg">
         <FontAwesomeIcon icon={faPlay} className="mr-3 text-[1.5rem]" />
         Play
       </button>
-      <button className="bg-gray-500 w-[10rem] p-3 my-4 font-bold text-white rounded text-lg bg-opacity-70">
+      <button className="bg-zinc-600 w-[10rem] p-3 my-4 font-bold text-white rounded text-lg bg-opacity-70">
         <FontAwesomeIcon icon={faCircleInfo} className="mr-2 text-[1.5rem]" />
         More Info
       </button>