fix message styling issue

frontend/src/app/nominations/page.tsx

@@ -36,7 +36,7 @@ export default function Nominations() {
       >
         NOMINATIES
       </h1>
-      <div className="mt-4 mb-12 flex flex-col items-center justify-between gap-4 rounded-md bg-blue-950/80 p-8">
+      <div className="relative mt-4 mb-12 flex flex-col items-center justify-between gap-4 rounded-md bg-blue-950/80 p-8">
         <form className="flex flex-col items-center justify-center gap-4">
           <p className="text-2xl font-semibold text-white drop-shadow-sm drop-shadow-gray-900">
             Dump hier je Spotify-link:
@@ -77,12 +77,13 @@ export default function Nominations() {
             {isLoading ? "Nomineren..." : "Nomineer"}
           </button>
         </form>
+        {message && (
+          <div className="absolute top-50 mt-4 rounded bg-gray-800 p-3 text-center text-white">
+            {message}
+          </div>
+        )}
       </div>
-      {message && (
+
-        <div className="absolute bottom-118 mt-4 rounded bg-gray-800 p-3 text-center text-white">
-          {message}
-        </div>
-      )}
       <footer>
         <p>© 2020-2025 Hoestende Draken PartyCo</p>
       </footer>