diff --git a/apps/web/src/app/register/files/form.tsx b/apps/web/src/app/register/files/form.tsx
index ad8a19c7..6c7aebef 100644
--- a/apps/web/src/app/register/files/form.tsx
+++ b/apps/web/src/app/register/files/form.tsx
@@ -15,6 +15,7 @@ import {
   FormMessage,
 } from "@/components/ui/form";
 import { zodResolver } from "@hookform/resolvers/zod";
+import { FileText } from "lucide-react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 
@@ -111,14 +112,18 @@ function FilesForm(props: FilesFormProps) {
             render={({ field }) => (
               <FormItem>
                 <FormLabel>เอกสารขออนุญาตผู้ปกครอง</FormLabel>
-                <FormDescription className="hover:text-vermilion text-white/40 hover:underline">
+                <FormDescription className="hover:text-vermilion text-white/40 underline">
                   <strong>
                     <a
                       href={PARENT_FORM_URL}
                       target="_blank"
                       rel="noopener noreferrer"
+                      className="flex gap-x-2"
                     >
-                      คลิกที่นี่เพื่อดาวน์โหลดไฟล์เอกสารขออนุญาตผู้ปกครอง
+                      <FileText className="text-vermilion" />{" "}
+                      {
+                        "> คลิกที่นี่เพื่อดาวน์โหลดไฟล์เอกสารขออนุญาตผู้ปกครอง <"
+                      }
                     </a>
                   </strong>
                 </FormDescription>
diff --git a/apps/web/src/app/register/info/form.tsx b/apps/web/src/app/register/info/form.tsx
index 528c7fa0..8991e59b 100644
--- a/apps/web/src/app/register/info/form.tsx
+++ b/apps/web/src/app/register/info/form.tsx
@@ -5,6 +5,7 @@ import FormStepper from "@/app/register/form-stepper";
 import DatePicker from "@/components/date-picker";
 import RadioGroupBoolean from "@/components/radio-group-boolean";
 import BloodGroupSelector from "@/components/select/bloodgroup-dynselect";
+import CourseSelector from "@/components/select/course-dynselect";
 import GenderSelector from "@/components/select/gender-selector";
 import GraduationSelector from "@/components/select/graduation-dynselect";
 import ParentRelationSelector from "@/components/select/parentrelation-dynselect";
@@ -308,14 +309,13 @@ function InfoForm(props: InfoFormProps) {
                 disabled={props.hasSubmit}
                 control={form.control}
                 name="course"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>สายการเรียน</FormLabel>
-                    <FormControl>
-                      <Input {...field} />
-                    </FormControl>
-                    <FormMessage />
-                  </FormItem>
+                render={({ field: { onChange, value, ...fieldProps } }) => (
+                  <CourseSelector
+                    {...fieldProps}
+                    value={value}
+                    onValueChange={onChange}
+                    disabled={props.hasSubmit}
+                  />
                 )}
               />
             </div>
diff --git a/apps/web/src/components/select/course-dynselect.tsx b/apps/web/src/components/select/course-dynselect.tsx
new file mode 100644
index 00000000..14e6baed
--- /dev/null
+++ b/apps/web/src/components/select/course-dynselect.tsx
@@ -0,0 +1,43 @@
+import { SelectProps } from ".";
+import DynamicSelect from "./dynamic-select";
+
+function CourseSelector({ onValueChange = () => {}, ...props }: SelectProps) {
+  const preset = [
+    {
+      value: "วิทย์-คณิต",
+      label: "วิทยาศาสตร์-คณิตศาสตร์",
+    },
+    {
+      value: "วิทย์-คอม",
+      label: "วิทยาศาสตร์-คอมพิวเตอร์",
+    },
+    {
+      value: "ศิลป์-คำนวณ",
+      label: "ศิลป์-คำนวณ",
+    },
+    {
+      value: "สาขาคอมพิวเตอร์ธุรกิจ",
+      label: "ปวช. สาขาคอมพิวเตอร์ธุรกิจ",
+    },
+    {
+      value: "สาขาช่างไฟฟ้ากำลัง (อิเล็กทรอนิกส์)",
+      label: "ปวช. สาขาช่างไฟฟ้ากำลัง (อิเล็กทรอนิกส์)",
+    },
+    {
+      value: "สาขาเมคคาทรอนิกส์และหุ่นยนต์",
+      label: "ปวช. สาขาเมคคาทรอนิกส์และหุ่นยนต์",
+    },
+  ];
+
+  return (
+    <DynamicSelect
+      {...props}
+      onValueChange={onValueChange}
+      preset={preset}
+      formLabel="สายการเรียน (อื่น ๆ โปรดระบุ)"
+      placeholder="ระบุสายการเรียน"
+    />
+  );
+}
+
+export default CourseSelector;