diff --git a/src/components/admin/dashboards/dashboard/Modal.jsx b/src/components/admin/dashboards/dashboard/Modal.jsx
index da1305eb9..ab81721c8 100644
--- a/src/components/admin/dashboards/dashboard/Modal.jsx
+++ b/src/components/admin/dashboards/dashboard/Modal.jsx
@@ -11,10 +11,10 @@ const Modal = ({ data, setModal }) => {
           className="hover:cursor-pointer text-white hover:!text-red-500 text-xl"
         />
       </div>
-      <div className="px-3 rounded-b-xl py-2 border-x-2 border-b-2 border-hackathon-darkgray bg-hackathon-page relative flex w-full h-full justify-center">
+      <div className="px-3 rounded-b-xl py-2 border-b-2 border-hackathon-darkgray relative flex w-full h-full justify-center bg-hackathon-green-300">
         <embed
           fill={true}
-          className="object-cover"
+          className="object-cover w-full h-full"
           src={data.src}
           alt="Photo of the Judge"
         />