diff --git a/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx b/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx
index 7a455602..533fc716 100644
--- a/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx
+++ b/client/src/app/(authorized)/volunteer/(volunteer)/preset.tsx
@@ -41,7 +41,7 @@ export default function Preset({ displayQR }: { displayQR: (id: number) => void
 
   return (
     <>
-      <div className="dh-box p-4 mb-6 flex flex-row items-center">
+      <div className="dh-box p-4 mb-6 relative flex flex-row items-center">
         <input
           type="text"
           className="dh-input w-full pl-10"
diff --git a/client/src/app/(authorized)/volunteer/admin/admin-page.tsx b/client/src/app/(authorized)/volunteer/admin/admin-page.tsx
index beac0044..5b18630f 100644
--- a/client/src/app/(authorized)/volunteer/admin/admin-page.tsx
+++ b/client/src/app/(authorized)/volunteer/admin/admin-page.tsx
@@ -100,7 +100,7 @@ export function AdminPage() {
     <>
       <div className="flex flex-col h-full">
         <div className="dh-box p-4">
-          <div className="flex flex-row items-center">
+          <div className="flex flex-row relative items-center">
             <input
               type="text"
               className="dh-input w-full pl-10"
diff --git a/client/src/app/(authorized)/volunteer/quests/page.tsx b/client/src/app/(authorized)/volunteer/quests/page.tsx
index 1fcbeaa7..97f18afe 100644
--- a/client/src/app/(authorized)/volunteer/quests/page.tsx
+++ b/client/src/app/(authorized)/volunteer/quests/page.tsx
@@ -59,7 +59,7 @@ export default function Quests() {
             New Challenge
           </button>
         </div>
-        <div className="flex flex-row items-center dh-box p-4 mb-4">
+        <div className="flex flex-row relative items-center dh-box p-4 mb-4">
           <input
             type="text"
             className="dh-input w-full pl-10"
diff --git a/client/src/app/(authorized)/volunteer/teams/teams-page.tsx b/client/src/app/(authorized)/volunteer/teams/teams-page.tsx
index a8b2ea2d..552e05f7 100644
--- a/client/src/app/(authorized)/volunteer/teams/teams-page.tsx
+++ b/client/src/app/(authorized)/volunteer/teams/teams-page.tsx
@@ -106,7 +106,7 @@ export function TeamsPage() {
     <>
       <div className="flex flex-col h-full">
         <div className="dh-box p-4">
-          <div className="flex flex-row items-center">
+          <div className="flex flex-row relative items-center">
             <input
               type="text"
               className="dh-input w-full pl-10"