diff --git a/src/App.jsx b/src/App.jsx
index f42070e..3ba5701 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -19,6 +19,7 @@ const router = createBrowserRouter(
       {/* <Route path="portal" element={<Portal />} /> */}
       <Route path="login" element={<Login />} />
       <Route path="dashboard" element={<Dashboard />} />
+      <Route path="application" element={<Application />}/>
     </Route>
   )
 );
diff --git a/src/assets/images/ApplicationPage/RegisterButton.svg b/src/assets/images/ApplicationPage/RegisterButton.svg
new file mode 100644
index 0000000..baee01e
--- /dev/null
+++ b/src/assets/images/ApplicationPage/RegisterButton.svg
@@ -0,0 +1,23 @@
+<svg width="173" height="65" viewBox="0 0 173 65" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+<rect x="-0.000488281" width="173" height="64.6303" fill="url(#pattern0)"/>
+<rect x="36.9062" y="16.5719" width="96.88" height="23.2006" fill="#2EC8EA"/>
+<g filter="url(#filter0_d_1665_373)">
+<path d="M51.3524 32.4948H49.7016H48.0509H46.4001H44.7493H43.0986H41.4478V30.844V29.1932H43.0986H44.7493H46.4001H48.0509H49.7016H51.3524H53.0032V30.844V32.4948H51.3524ZM53.0032 29.1932V27.5425V25.8917V24.2409V22.5902H54.6539H56.3047V24.2409V25.8917V27.5425V29.1932H54.6539H53.0032ZM53.0032 22.5902H51.3524H49.7016H48.0509H46.4001H44.7493V20.9394V19.2886H46.4001H48.0509H49.7016H51.3524H53.0032V20.9394V22.5902ZM44.7493 19.2886H43.0986H41.4478V17.6379V15.9871H43.0986H44.7493V17.6379V19.2886ZM54.6539 15.9871H53.0032H51.3524H49.7016H48.0509H46.4001H44.7493V14.3364V12.6856H46.4001H48.0509H49.7016H51.3524H53.0032H54.6539H56.3047V14.3364V15.9871H54.6539ZM59.6062 32.4948H57.9554V30.844V29.1932V27.5425V25.8917V24.2409V22.5902V20.9394V19.2886V17.6379H59.6062H61.257V19.2886V20.9394V22.5902V24.2409V25.8917V27.5425V29.1932V30.844V32.4948H59.6062ZM59.6062 15.9871H57.9554V14.3364V12.6856H59.6062H61.257V14.3364V15.9871H59.6062ZM71.1615 39.0978H69.5108H67.86H66.2093V37.447V35.7963H67.86H69.5108H71.1615H72.8123V37.447V39.0978H71.1615ZM72.8123 35.7963V34.1455V32.4948V30.844V29.1932V27.5425H71.1615H69.5108H67.86H66.2093V25.8917V24.2409H64.5585H62.9077V22.5902V20.9394H64.5585H66.2093V19.2886V17.6379H67.86H69.5108H71.1615H72.8123H74.4631H76.1138V19.2886V20.9394V22.5902V24.2409V25.8917V27.5425V29.1932V30.844V32.4948V34.1455V35.7963H74.4631H72.8123ZM66.2093 35.7963H64.5585H62.9077V34.1455V32.4948H64.5585H66.2093V34.1455V35.7963ZM71.1615 24.2409H72.8123V22.5902V20.9394H71.1615H69.5108H67.86H66.2093V22.5902V24.2409H67.86H69.5108H71.1615ZM90.9707 32.4948H89.3199V30.844V29.1932V27.5425V25.8917V24.2409V22.5902V20.9394H90.9707H92.6215V22.5902V24.2409V25.8917V27.5425V29.1932V30.844V32.4948H90.9707ZM79.4154 32.4948H77.7646V30.844V29.1932V27.5425V25.8917V24.2409V22.5902V20.9394V19.2886V17.6379H79.4154H81.0661H82.7169H84.3677H86.0184H87.6692H89.3199V19.2886V20.9394H87.6692H86.0184H84.3677H82.7169H81.0661V22.5902V24.2409V25.8917V27.5425V29.1932V30.844V32.4948H79.4154ZM114.081 32.4948H112.431H110.78H109.129H107.478V30.844V29.1932H109.129H110.78H112.431H114.081H115.732V30.844V32.4948H114.081ZM115.732 29.1932V27.5425V25.8917V24.2409V22.5902V20.9394V19.2886V17.6379V15.9871V14.3364V12.6856H117.383H119.034V14.3364V15.9871V17.6379V19.2886V20.9394V22.5902V24.2409V25.8917V27.5425V29.1932H117.383H115.732ZM107.478 29.1932H105.828H104.177V27.5425V25.8917V24.2409V22.5902V20.9394V19.2886V17.6379V15.9871V14.3364V12.6856H105.828H107.478V14.3364V15.9871V17.6379V19.2886V20.9394V22.5902V24.2409V25.8917V27.5425V29.1932ZM122.335 37.447H120.684V35.7963V34.1455V32.4948V30.844V29.1932V27.5425V25.8917V24.2409V22.5902V20.9394V19.2886V17.6379H122.335H123.986V19.2886V20.9394H125.637H127.288V22.5902V24.2409H125.637H123.986V25.8917V27.5425H125.637H127.288H128.938H130.589H132.24V29.1932V30.844H130.589H128.938H127.288H125.637H123.986V32.4948V34.1455V35.7963V37.447H122.335ZM132.24 27.5425V25.8917V24.2409V22.5902V20.9394H133.891H135.541V22.5902V24.2409V25.8917V27.5425H133.891H132.24ZM132.24 20.9394H130.589H128.938H127.288V19.2886V17.6379H128.938H130.589H132.24V19.2886V20.9394Z" fill="white"/>
+</g>
+<defs>
+<pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
+<use xlink:href="#image0_1665_373" transform="scale(0.00520833 0.01)"/>
+</pattern>
+<filter id="filter0_d_1665_373" x="40.1271" y="12.6855" width="99.3759" height="31.6947" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
+<feFlood flood-opacity="0" result="BackgroundImageFix"/>
+<feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha"/>
+<feOffset dx="1.32061" dy="2.64122"/>
+<feGaussianBlur stdDeviation="1.32061"/>
+<feComposite in2="hardAlpha" operator="out"/>
+<feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.46 0"/>
+<feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_1665_373"/>
+<feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_1665_373" result="shape"/>
+</filter>
+<image id="image0_1665_373" width="192" height="100" xlink:href="data:image/png;base64,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"/>
+</defs>
+</svg>
diff --git a/src/components/ApplicationPageComponents/ApplicationOptions.js b/src/components/ApplicationPageComponents/ApplicationOptions.js
index 228bf05..81621c5 100644
--- a/src/components/ApplicationPageComponents/ApplicationOptions.js
+++ b/src/components/ApplicationPageComponents/ApplicationOptions.js
@@ -376,7 +376,7 @@ const educationLevels = [
   'Prefer not to answer',
 ];
 
-const sleepAccomodations = ['yes', 'no', 'maybe'];
+const sleepAccomodations = ['Yes', 'No', 'Maybe'];
 
 const programmingList = [
   'A# .NET',
diff --git a/src/pages/Application.jsx b/src/pages/Application.jsx
index b86f6f2..56bb230 100644
--- a/src/pages/Application.jsx
+++ b/src/pages/Application.jsx
@@ -13,6 +13,7 @@ import Select from 'react-select';
 
 // Import assets.
 import BackgroundScroll from '../assets/images/ApplicationPage/ScrollBackground.svg';
+import RegisterButton from '../assets/images/ApplicationPage/RegisterButton.svg';
 
 // Importing options for some of the questions.
 import {
@@ -195,15 +196,17 @@ const Application = ({ applicationId }) => {
     setProgrammingInputs(values);
   };
 
-  // TODO: Form validation, mobile view, Check for logged in
+  // TODO: Form validation, mobile view, Check for logged in, form submission
   // Redirect user to login page if they are not logged in.
 
+  /*
   useEffect(() => {
     if (loading) return;
 
     console.log(user);
     if (!user) navigate('/login');
   }, [user, loading, navigate]);
+  */
 
   useEffect(() => {
     document.body.style.overflow = 'hidden';
@@ -240,7 +243,7 @@ const Application = ({ applicationId }) => {
           transform: 'translate(-50%, -50%)',
         }}
       >
-        <div className="h-[65vh] w-[80vh] overflow-scroll">
+        <div className="h-[80vh] w-[90vh] overflow-auto">
           {/* Form Title */}
           <div className="text-center font-minecraft">
             <h2 className="text-[#453119] text-[60px] font-bold">
@@ -262,7 +265,7 @@ const Application = ({ applicationId }) => {
               </h3>
 
               {/* General Information Form Fields */}
-              <div className="grid grid-cols-2 gap-4">
+              <div className="md:grid md:grid-cols-2 md:gap-4">
                 <div>
                   <label className="ml-1 font-bold">First Name</label>
                   <input
@@ -375,8 +378,8 @@ const Application = ({ applicationId }) => {
               </h3>
 
               {/* Address Information Form Fields */}
-              <div className="grid grid-cols-2 gap-4">
-                <div className="col-span-2">
+              <div className="md:grid md:grid-cols-2 md:gap-4">
+                <div className="md:col-span-2">
                   <label className="ml-1 font-bold">Address</label>
                   <input
                     placeholder="Address"
@@ -414,7 +417,7 @@ const Application = ({ applicationId }) => {
                 <div>
                   <label className="ml-1 font-bold">State</label>
                   <small className="ml-2">
-                    Select <i>"Outside US"</i> if not applicable
+                    Select <i>"Outside US"</i> if NA
                   </small>
                   <Controller
                     name="state"
@@ -451,7 +454,7 @@ const Application = ({ applicationId }) => {
               </h3>
 
               {/* Education Form Fields */}
-              <div className="grid grid-cols-2 gap-4">
+              <div className="md:grid md:grid-cols-2 md:gap-4">
                 <div>
                   <label className="ml-1 font-bold">College</label>
                   <input
@@ -518,7 +521,7 @@ const Application = ({ applicationId }) => {
               </h3>
 
               {/* Experience Form Fields */}
-              <div className="grid grid-cols-2 gap-4">
+              <div className="md:grid md:grid-cols-2 md:gap-4">
                 <div>
                   <label className="ml-1 font-bold">
                     How many hackathons have you been to before?
@@ -613,7 +616,7 @@ const Application = ({ applicationId }) => {
               </h3>
 
               {/* Misc Form Fields */}
-              <div className="grid grid-cols-2 gap-4">
+              <div className="md:grid md:grid-cols-2 md:gap-4">
                 <div>
                   <label className="ml-1 font-bold">Dietary Restrictions</label>
                   <input
@@ -625,43 +628,44 @@ const Application = ({ applicationId }) => {
 
                 <div>
                   <label className="ml-1 font-bold">
-                    Do you need sleep accommodations?
+                    What is your T-Shirt size?
                   </label>
                   <Controller
-                    name="sleep"
+                    name="shirtSize"
                     control={control}
                     render={({ field }) => (
                       <Select
                         styles={selectFieldStyles}
-                        options={sleepAccomodations.map(
-                          (educationLevelOption) => {
-                            return {
-                              label: educationLevelOption,
-                              value: educationLevelOption,
-                            };
-                          }
-                        )}
+                        options={shirtSizes.map((educationLevelOption) => {
+                          return {
+                            label: educationLevelOption,
+                            value: educationLevelOption,
+                          };
+                        })}
                         {...field}
                       />
                     )}
                   />
                 </div>
+
                 <div>
                   <label className="ml-1 font-bold">
-                    What is your T-Shirt size?
+                    Do you need sleep accommodations?
                   </label>
                   <Controller
-                    name="shirtSize"
+                    name="sleep"
                     control={control}
                     render={({ field }) => (
                       <Select
                         styles={selectFieldStyles}
-                        options={shirtSizes.map((educationLevelOption) => {
-                          return {
-                            label: educationLevelOption,
-                            value: educationLevelOption,
-                          };
-                        })}
+                        options={sleepAccomodations.map(
+                          (sleepOption) => {
+                            return {
+                              label: sleepOption,
+                              value: sleepOption,
+                            };
+                          }
+                        )}
                         {...field}
                       />
                     )}
@@ -679,7 +683,7 @@ const Application = ({ applicationId }) => {
               </h3>
 
               {/* Links Form Fields */}
-              <div className="grid grid-cols-2 gap-4">
+              <div className="md:grid md:grid-cols-2 md:gap-4">
                 <div>
                   <label className="ml-1 font-bold">Github URL</label>
                   <input
@@ -719,7 +723,8 @@ const Application = ({ applicationId }) => {
                 (Min 50 Max 400 Characters):
               </p>
               <textarea
-                className="w-full h-[200px] resize-none p-1 rounded-xl"
+                placeholder="Tell us more!"
+                className="w-full h-[200px] resize-none p-1 rounded-xl px-4 bg-[#A79581] placeholder-white text-white shadow-inner shadow-black/25"
                 {...register('bostonhacks', {
                   required: true,
                   maxLength: 400,
@@ -802,6 +807,9 @@ const Application = ({ applicationId }) => {
               </div>
             </div>
 
+
+
+
             <hr className="border border-black w-3/4 mx-auto" />
 
             <div className="my-[50px]">
@@ -819,9 +827,10 @@ const Application = ({ applicationId }) => {
             </div>
             <div className="w-full flex justify-end">
               <input
+                style={{ backgroundImage: "url(" + RegisterButton + ")"}}
                 type="submit"
-                className="bg-green-600 p-2 rounded-lg cursor-pointer hover:bg-slate-400"
-                value="Submit!"
+                className="cursor-pointer w-[150px] h-[75px] bg-contain bg-no-repeat"
+                value=""
               />
             </div>
           </form>