diff --git a/packages/api-v2/src/emailConfirmation/emailConfirmation.controller.ts b/packages/api-v2/src/emailConfirmation/emailConfirmation.controller.ts
index 38012a3cb..6486c7c2a 100644
--- a/packages/api-v2/src/emailConfirmation/emailConfirmation.controller.ts
+++ b/packages/api-v2/src/emailConfirmation/emailConfirmation.controller.ts
@@ -34,8 +34,9 @@ export class EmailConfirmationController {
     if (email instanceof Error) {
       throw new BadRequestException();
     }
-    const updateResult =
-      await this.emailConfirmationService.confirmEmail(email);
+    const updateResult = await this.emailConfirmationService.confirmEmail(
+      email
+    );
     if (updateResult instanceof EmailAlreadyConfirmed) {
       throw new BadRequestException("Email is already confirmed");
     }
diff --git a/packages/frontend-v2/components/AddCourseModal/AddCourseButton.tsx b/packages/frontend-v2/components/AddCourseModal/AddCourseButton.tsx
index 918e121f9..61af22169 100644
--- a/packages/frontend-v2/components/AddCourseModal/AddCourseButton.tsx
+++ b/packages/frontend-v2/components/AddCourseModal/AddCourseButton.tsx
@@ -10,14 +10,12 @@ export const AddCourseButton: React.FC<AddCourseButtonProps & ButtonProps> = ({
   ...buttonProps
 }) => {
   const hoverStyle = {
-    backgroundColor: "neutral.700",
-    borderColor: "primary.blue.dark.300",
+    borderColor: "neutral.300",
   };
 
   const activeStyle = {
-    backgroundColor: "neutral.900",
-    borderColor: "primary.blue.dark.300",
-    transform: "scale(0.96)",
+    backgroundColor: "neutral.200",
+    borderColor: "neutral.200",
   };
 
   return (
@@ -27,8 +25,10 @@ export const AddCourseButton: React.FC<AddCourseButtonProps & ButtonProps> = ({
       size="md"
       margin="0"
       borderRadius="10px"
-      borderColor="neutral.main"
-      backgroundColor="neutral.main"
+      border="1px"
+      borderColor="neutral.50"
+      backgroundColor="neutral.50"
+      boxShadow="sm"
       _hover={hoverStyle}
       _active={activeStyle}
       color="primary.blue.light.main"
diff --git a/packages/frontend-v2/components/AddCourseModal/SearchCoursesInput.tsx b/packages/frontend-v2/components/AddCourseModal/SearchCoursesInput.tsx
index cc2bb528c..8a4b211b6 100644
--- a/packages/frontend-v2/components/AddCourseModal/SearchCoursesInput.tsx
+++ b/packages/frontend-v2/components/AddCourseModal/SearchCoursesInput.tsx
@@ -36,7 +36,7 @@ export const SearchCoursesInput: React.FC<SearchCoursesInputProps> = ({
         borderRadius={10}
         fontSize="sm"
         color="primary.blue.light.main"
-        backgroundColor="neutral.main"
+        backgroundColor="neutral.100"
         placeholder="SEARCH BY NAME, CRN, ETC."
       />
     </InputGroup>
diff --git a/packages/frontend-v2/components/AddCourseModal/SearchResult.tsx b/packages/frontend-v2/components/AddCourseModal/SearchResult.tsx
index ae49a62f4..476e0d3c7 100644
--- a/packages/frontend-v2/components/AddCourseModal/SearchResult.tsx
+++ b/packages/frontend-v2/components/AddCourseModal/SearchResult.tsx
@@ -33,7 +33,7 @@ export const SearchResult: React.FC<SearchResultProps> = ({
         <Heading size="sm" fontWeight="normal">
           {searchResult.name}
         </Heading>
-        <Text fontSize="12px" color="neutral.main.900" fontStyle="italics">
+        <Text fontSize="12px" fontStyle="italics">
           {getCourseDisplayString(searchResult)}
         </Text>
       </Box>
diff --git a/packages/frontend-v2/components/AddCourseModal/SelectedCourse.tsx b/packages/frontend-v2/components/AddCourseModal/SelectedCourse.tsx
index f95f6e8e7..dae03ab5f 100644
--- a/packages/frontend-v2/components/AddCourseModal/SelectedCourse.tsx
+++ b/packages/frontend-v2/components/AddCourseModal/SelectedCourse.tsx
@@ -16,7 +16,7 @@ export const SelectedCourse: React.FC<SelectedCourseProps> = ({
     <Flex
       borderRadius="md"
       boxShadow="md"
-      backgroundColor="neutral.main"
+      backgroundColor="neutral.100"
       alignItems="center"
     >
       <Text pl="sm" pr="2xs">
diff --git a/packages/frontend-v2/components/Authentication/AuthPageLayout.tsx b/packages/frontend-v2/components/Authentication/AuthPageLayout.tsx
index f5c36d9e1..fe9af5b2a 100644
--- a/packages/frontend-v2/components/Authentication/AuthPageLayout.tsx
+++ b/packages/frontend-v2/components/Authentication/AuthPageLayout.tsx
@@ -13,11 +13,7 @@ export const AuthenticationPageLayout: React.FC<
       <GraduatePreAuthHeader />
       <Grid templateColumns="repeat(8, 1fr)" templateRows="1fr" flexGrow={1}>
         <GridItem colSpan={3}>{form}</GridItem>
-        <GridItem
-          colSpan={5}
-          backgroundColor="neutral.main"
-          position="relative"
-        >
+        <GridItem colSpan={5} backgroundColor="neutral.100" position="relative">
           <Image
             src="/app_snippet.png"
             alt="GraduateNU app snippet"
diff --git a/packages/frontend-v2/components/Button/BlueButton.tsx b/packages/frontend-v2/components/Button/BlueButton.tsx
index fb31845a1..ee8a2b3c0 100644
--- a/packages/frontend-v2/components/Button/BlueButton.tsx
+++ b/packages/frontend-v2/components/Button/BlueButton.tsx
@@ -5,6 +5,7 @@ export const BlueButton: ComponentWithAs<"button", ButtonProps> = ({
 }) => {
   return (
     <Button
+      border="1px"
       variant="outline"
       borderColor="primary.blue.light.main"
       colorScheme="primary.blue.light"
diff --git a/packages/frontend-v2/components/Button/GrayButton.tsx b/packages/frontend-v2/components/Button/GrayButton.tsx
deleted file mode 100644
index fd3e25ada..000000000
--- a/packages/frontend-v2/components/Button/GrayButton.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import { Button, ButtonProps, ComponentWithAs } from "@chakra-ui/react";
-
-export const GrayButton: ComponentWithAs<"button", ButtonProps> = ({
-  children,
-  ...rest
-}) => {
-  return (
-    <Button
-      variant="outline"
-      borderColor="neutral.900"
-      colorScheme="neutral"
-      color="black"
-      {...rest}
-    >
-      {children}
-    </Button>
-  );
-};
diff --git a/packages/frontend-v2/components/Button/index.ts b/packages/frontend-v2/components/Button/index.ts
index fcfe0671e..bd82ab49e 100644
--- a/packages/frontend-v2/components/Button/index.ts
+++ b/packages/frontend-v2/components/Button/index.ts
@@ -1,2 +1 @@
 export * from "./BlueButton";
-export * from "./GrayButton";
diff --git a/packages/frontend-v2/components/Form/Input.tsx b/packages/frontend-v2/components/Form/Input.tsx
index 011e8e031..8ee19e614 100644
--- a/packages/frontend-v2/components/Form/Input.tsx
+++ b/packages/frontend-v2/components/Form/Input.tsx
@@ -23,16 +23,16 @@ export const GraduateInput = forwardRef<HTMLInputElement, InputProps>(
   ({ error, helpMessage, formLabel, ...rest }, ref) => (
     <FormControl isInvalid={error != undefined}>
       {formLabel && (
-        <FormLabel>
+        <FormLabel mb="1px">
           <Text color="primary.blue.dark.main">{formLabel}</Text>
         </FormLabel>
       )}
       <Input
         {...rest}
         ref={ref}
-        size="lg"
+        size="md"
         variant="outline"
-        borderColor="neutral.main"
+        borderColor="neutral.100"
         borderWidth="2px"
         borderRadius="lg"
         errorBorderColor="red.300"
@@ -57,7 +57,7 @@ export const PlanInput = forwardRef<HTMLInputElement, PlanInputProps>(
         color="primary.blue.dark.main"
         size="md"
         fontWeight="medium"
-        mb="2xs"
+        mb="1px"
       >
         {label}
       </FormLabel>
diff --git a/packages/frontend-v2/components/Form/Select.tsx b/packages/frontend-v2/components/Form/Select.tsx
index c14d507a8..d255feb0c 100644
--- a/packages/frontend-v2/components/Form/Select.tsx
+++ b/packages/frontend-v2/components/Form/Select.tsx
@@ -80,7 +80,7 @@ export const PlanSelect: React.FC<PlanSelectProps> = ({
         color="primary.blue.dark.main"
         size="md"
         fontWeight="medium"
-        mb="2xs"
+        mb="4xs"
       >
         {label}
       </FormLabel>
diff --git a/packages/frontend-v2/components/Header/AccountOverview.tsx b/packages/frontend-v2/components/Header/AccountOverview.tsx
index 64b227d92..a4f6c7787 100644
--- a/packages/frontend-v2/components/Header/AccountOverview.tsx
+++ b/packages/frontend-v2/components/Header/AccountOverview.tsx
@@ -130,7 +130,7 @@ export const AccountOverview: React.FC<AccountOverviewProps> = ({
                 />
               </Flex>
               <FormControl>
-                <FormLabel>
+                <FormLabel mb="4xs">
                   <Text>Email</Text>
                 </FormLabel>
                 <Input
@@ -139,7 +139,7 @@ export const AccountOverview: React.FC<AccountOverviewProps> = ({
                   type="email"
                   size="md"
                   variant="outline"
-                  borderColor="neutral.main"
+                  borderColor="neutral.100"
                   borderWidth="2px"
                   borderRadius="md"
                 />
diff --git a/packages/frontend-v2/components/Plan/AddPlanModal.tsx b/packages/frontend-v2/components/Plan/AddPlanModal.tsx
index 0bf94a8c2..881973378 100644
--- a/packages/frontend-v2/components/Plan/AddPlanModal.tsx
+++ b/packages/frontend-v2/components/Plan/AddPlanModal.tsx
@@ -144,6 +144,13 @@ export const AddPlanModal: React.FC<AddPlanModalProps> = ({
                   })}
                 />
                 <Flex alignItems="center">
+                  <Checkbox
+                    mb="0"
+                    mr="xs"
+                    borderColor="primary.blue.dark.main"
+                    isChecked={isNoMajorSelected}
+                    onChange={() => setIsNoMajorSelected(!isNoMajorSelected)}
+                  />
                   <Text
                     color="primary.blue.dark.main"
                     size="md"
@@ -153,13 +160,6 @@ export const AddPlanModal: React.FC<AddPlanModalProps> = ({
                   >
                     No Major
                   </Text>
-                  <Checkbox
-                    mb="0"
-                    mr="xs"
-                    borderColor="primary.blue.dark.main"
-                    isChecked={isNoMajorSelected}
-                    onChange={() => setIsNoMajorSelected(!isNoMajorSelected)}
-                  />
                   <HelperToolTip label={noMajorHelperLabel} />
                 </Flex>
                 {!isNoMajorSelected && (
diff --git a/packages/frontend-v2/components/Plan/AddYearButton.tsx b/packages/frontend-v2/components/Plan/AddYearButton.tsx
index 8afde92ac..b8ec65274 100644
--- a/packages/frontend-v2/components/Plan/AddYearButton.tsx
+++ b/packages/frontend-v2/components/Plan/AddYearButton.tsx
@@ -1,6 +1,7 @@
 import { PlanModel } from "@graduate/common";
 import { addEmptyDndYearToPlan } from "../../utils";
 import { BlueButton } from "../Button";
+import { AddIcon } from "@chakra-ui/icons";
 
 interface AddYearButton {
   plan: PlanModel<string>;
@@ -15,5 +16,9 @@ export const AddYearButton: React.FC<AddYearButton> = ({
     const updatedPlan = addEmptyDndYearToPlan(plan);
     mutateStudentWithUpdatedPlan(updatedPlan);
   };
-  return <BlueButton onClick={addYear}>Add Year</BlueButton>;
+  return (
+    <BlueButton onClick={addYear} leftIcon={<AddIcon />}>
+      Add Year
+    </BlueButton>
+  );
 };
diff --git a/packages/frontend-v2/components/Plan/DeletePlanModal.tsx b/packages/frontend-v2/components/Plan/DeletePlanModal.tsx
index c731503d7..5467d941d 100644
--- a/packages/frontend-v2/components/Plan/DeletePlanModal.tsx
+++ b/packages/frontend-v2/components/Plan/DeletePlanModal.tsx
@@ -54,6 +54,7 @@ export const DeletePlanModal: React.FC<DeletePlanModalProps> = ({
           icon={<DeleteIcon />}
           aria-label="Delete plan"
           variant="outline"
+          border="1px"
           borderColor="primary.red.main"
           colorScheme="primary.red"
           color="primary.red.main"
diff --git a/packages/frontend-v2/components/Plan/EditPlanModal.tsx b/packages/frontend-v2/components/Plan/EditPlanModal.tsx
index 6ad732175..a15dd5104 100644
--- a/packages/frontend-v2/components/Plan/EditPlanModal.tsx
+++ b/packages/frontend-v2/components/Plan/EditPlanModal.tsx
@@ -178,6 +178,13 @@ export const EditPlanModal: React.FC<EditPlanModalProps> = ({ plan }) => {
                   })}
                 />
                 <Flex alignItems="center">
+                  <Checkbox
+                    mb="0"
+                    mr="xs"
+                    borderColor="primary.blue.dark.main"
+                    isChecked={isNoMajorSelected}
+                    onChange={() => setIsNoMajorSelected(!isNoMajorSelected)}
+                  />
                   <Text
                     color="primary.blue.dark.main"
                     size="md"
@@ -187,13 +194,6 @@ export const EditPlanModal: React.FC<EditPlanModalProps> = ({ plan }) => {
                   >
                     No Major
                   </Text>
-                  <Checkbox
-                    mb="0"
-                    mr="xs"
-                    borderColor="primary.blue.dark.main"
-                    isChecked={isNoMajorSelected}
-                    onChange={() => setIsNoMajorSelected(!isNoMajorSelected)}
-                  />
                   <HelperToolTip label={noMajorHelperLabel} />
                 </Flex>
                 {!isNoMajorSelected && (
diff --git a/packages/frontend-v2/components/Plan/ReqErrorModal.tsx b/packages/frontend-v2/components/Plan/ReqErrorModal.tsx
index 81aec83fa..96ed299ba 100644
--- a/packages/frontend-v2/components/Plan/ReqErrorModal.tsx
+++ b/packages/frontend-v2/components/Plan/ReqErrorModal.tsx
@@ -52,7 +52,7 @@ export const ReqErrorModal: React.FC<ReqErrorModalProps> = ({
       }}
       _active={{ background: "primary.red.900" }}
       onClick={() => {
-        setHovered(false)
+        setHovered(false);
         onOpen();
       }}
     >
@@ -70,7 +70,7 @@ export const ReqErrorModal: React.FC<ReqErrorModalProps> = ({
           <ModalHeader
             textAlign="center"
             borderBottomWidth="1px"
-            borderBottomColor="neutral.main"
+            borderBottomColor="neutral.100"
           >
             <ModalCloseButton />
             <Flex
@@ -101,7 +101,7 @@ export const ReqErrorModal: React.FC<ReqErrorModalProps> = ({
                   <HelperToolTip
                     label={`You will need to statisfy the following requirement(s) along with ${getCourseDisplayString(
                       course
-                    )}."`}
+                    )}.`}
                   />
                 </Flex>
                 <ParseCourse course={coReqErr} parent={true} />
diff --git a/packages/frontend-v2/components/Plan/ScheduleTerm.tsx b/packages/frontend-v2/components/Plan/ScheduleTerm.tsx
index 119e5b35e..8e11ab213 100644
--- a/packages/frontend-v2/components/Plan/ScheduleTerm.tsx
+++ b/packages/frontend-v2/components/Plan/ScheduleTerm.tsx
@@ -60,7 +60,7 @@ export const ScheduleTerm: React.FC<ScheduleTermProps> = ({
     <GridItem
       ref={setNodeRef}
       transition="background-color 0.1s ease"
-      backgroundColor={isOver ? "neutral.main" : "#D2D8E2"}
+      backgroundColor={isOver ? "neutral.200" : "neutral.100"}
       display="flex"
       flexDirection="column"
       px="sm"
diff --git a/packages/frontend-v2/components/Plan/ScheduleYear.tsx b/packages/frontend-v2/components/Plan/ScheduleYear.tsx
index 1cc18bddc..0d9b6565c 100644
--- a/packages/frontend-v2/components/Plan/ScheduleYear.tsx
+++ b/packages/frontend-v2/components/Plan/ScheduleYear.tsx
@@ -147,7 +147,6 @@ const YearHeader: React.FC<YearHeaderProps> = ({
   const backgroundColor = isExpanded
     ? "primary.blue.dark"
     : "primary.blue.light";
-
   return (
     <Flex
       alignItems="center"
@@ -156,6 +155,9 @@ const YearHeader: React.FC<YearHeaderProps> = ({
       _hover={{
         backgroundColor: "primary.blue.light.600",
       }}
+      _active={{
+        bg: "primary.blue.dark.700",
+      }}
       transition="background-color 0.15s ease"
       paddingTop="sm"
       paddingBottom="sm"
@@ -180,8 +182,8 @@ const YearHeader: React.FC<YearHeaderProps> = ({
               variant="ghost"
               color="primary.red.main"
               icon={<WarningIcon />}
-              _hover={{ bg: 'none', cursor: 'auto' }}
-              _active={{ bg: `${backgroundColor}.900` }}
+              _hover={{ bg: "none", cursor: "auto" }}
+              _active={{ bg: "none" }}
               onClick={(e) => {
                 if (isExpanded) {
                   e.stopPropagation();
@@ -199,7 +201,7 @@ const YearHeader: React.FC<YearHeaderProps> = ({
             marginLeft="auto"
             marginRight="sm"
             _hover={{ bg: "white", color: "primary.red.main" }}
-            _active={{ bg: `${backgroundColor}.900` }}
+            _active={{ bg: "primary.blue.light.900" }}
             onClick={(e) => {
               // important to prevent the click from propogating upwards and triggering the toggle
               e.stopPropagation();
diff --git a/packages/frontend-v2/components/Plan/TransferCourses.tsx b/packages/frontend-v2/components/Plan/TransferCourses.tsx
index c75b2ea92..edf293fe2 100644
--- a/packages/frontend-v2/components/Plan/TransferCourses.tsx
+++ b/packages/frontend-v2/components/Plan/TransferCourses.tsx
@@ -71,7 +71,7 @@ export const TransferCourses: React.FC<TransferCoursesToggleProps> = ({
   };
 
   return (
-    <Flex direction="column" backgroundColor={"neutral.main"}>
+    <Flex direction="column" backgroundColor={"neutral.100"}>
       <TransferCoursesHeader
         isExpanded={isExpanded}
         toggleExpanded={toggleExpanded}
@@ -133,11 +133,7 @@ const TransferCoursesBody: React.FC<TransferCoursesBodyProps> = ({
           removeCourse={() => removeTransferCourse(course)}
         />
       ))}
-      <AddCourseButton
-        onOpen={onOpen}
-        borderColor="#C1CAD9"
-        borderWidth="1px"
-      />
+      <AddCourseButton onOpen={onOpen} />
       <AddCourseModal
         isOpen={isOpen}
         closeModalDisplay={onClose}
@@ -174,8 +170,12 @@ const TransferCoursesHeader: React.FC<TransferCoursesHeaderProps> = ({
     <Flex
       alignItems="center"
       justifyContent="space-between"
+      backgroundColor="neutral.50"
       _hover={{
-        backgroundColor: "neutral.900",
+        backgroundColor: "neutral.100",
+      }}
+      _active={{
+        backgroundColor: "neutral.200",
       }}
       transition="background-color 0.15s ease"
       paddingTop="xs"
@@ -184,7 +184,7 @@ const TransferCoursesHeader: React.FC<TransferCoursesHeaderProps> = ({
       cursor="pointer"
       userSelect="none"
       borderBottomWidth={isExpanded ? "2px" : "0px"}
-      borderBottomColor="neutral.900"
+      borderBottomColor="neutral.200"
       paddingX="md"
     >
       <Flex flexDirection="column">
diff --git a/packages/frontend-v2/components/Sidebar/SectionRequirement.tsx b/packages/frontend-v2/components/Sidebar/SectionRequirement.tsx
index e546477ed..75693f490 100644
--- a/packages/frontend-v2/components/Sidebar/SectionRequirement.tsx
+++ b/packages/frontend-v2/components/Sidebar/SectionRequirement.tsx
@@ -50,8 +50,8 @@ const SectionRequirement: React.FC<SidebarRequirementProps> = ({
   const renderXOM = (requirement: IXofManyCourse) => {
     return (
       <div>
-        <Text fontSize="sm">
-          Complete {requirement.numCreditsMin} credits from the following
+        <Text fontSize="sm" as="i">
+          Complete {requirement.numCreditsMin} credits from the following:
         </Text>
         {requirement.courses.map((course, index) => (
           <SectionRequirement
@@ -68,7 +68,9 @@ const SectionRequirement: React.FC<SidebarRequirementProps> = ({
   const renderAND = (requirement: IAndCourse2) => {
     return (
       <div>
-        <Text fontSize="sm">Complete all of the following</Text>
+        <Text fontSize="sm" as="i">
+          Complete all of the following:
+        </Text>
         {requirement.courses.map((course, index) => (
           <SectionRequirement
             requirement={course}
@@ -84,7 +86,9 @@ const SectionRequirement: React.FC<SidebarRequirementProps> = ({
   const renderOR = (requirement: IOrCourse2) => {
     return (
       <div>
-        <Text fontSize="sm">Complete one of the following</Text>
+        <Text fontSize="sm" as="i">
+          Complete one of the following:
+        </Text>
         {requirement.courses.map((course, index) => (
           <SectionRequirement
             requirement={course}
@@ -99,7 +103,7 @@ const SectionRequirement: React.FC<SidebarRequirementProps> = ({
 
   const renderRange = (requirement: ICourseRange2) => {
     return (
-      <Text fontSize="sm">
+      <Text fontSize="sm" as="i">
         Complete any course in range {requirement.subject}
         {requirement.idRangeStart} to {requirement.subject}
         {requirement.idRangeEnd}{" "}
diff --git a/packages/frontend-v2/components/Sidebar/Sidebar.tsx b/packages/frontend-v2/components/Sidebar/Sidebar.tsx
index 62f00113b..42048154f 100644
--- a/packages/frontend-v2/components/Sidebar/Sidebar.tsx
+++ b/packages/frontend-v2/components/Sidebar/Sidebar.tsx
@@ -325,7 +325,12 @@ const SidebarContainer: React.FC<PropsWithChildren<SidebarContainerProps>> = ({
   children,
 }) => {
   return (
-    <Box pt="xl" backgroundColor="neutral.main">
+    <Box
+      pt="xl"
+      backgroundColor="neutral.50"
+      borderRight="1px"
+      borderRightColor="neutral.200"
+    >
       <Box px="md" pb="md">
         <Box pb="sm">
           <Flex alignItems="center" columnGap="2xs">
diff --git a/packages/frontend-v2/components/Sidebar/SidebarSection.tsx b/packages/frontend-v2/components/Sidebar/SidebarSection.tsx
index 2eafef705..33b63ffd7 100644
--- a/packages/frontend-v2/components/Sidebar/SidebarSection.tsx
+++ b/packages/frontend-v2/components/Sidebar/SidebarSection.tsx
@@ -49,7 +49,7 @@ const SidebarSection: React.FC<SidebarSectionProps> = ({
   return (
     <Box
       borderTopWidth="1px"
-      borderTopColor="neutral.900"
+      borderTopColor="neutral.200"
       cursor="pointer"
       userSelect="none"
     >
@@ -65,10 +65,10 @@ const SidebarSection: React.FC<SidebarSectionProps> = ({
         py="md"
         px="md"
         margin="0"
-        backgroundColor="neutral.main"
+        backgroundColor="neutral.50"
         transition="background-color 0.25s ease"
         _hover={{
-          backgroundColor: "neutral.900",
+          backgroundColor: "neutral.100",
         }}
         _active={{
           backgroundColor: "neutral.200",
@@ -160,7 +160,9 @@ const SidebarSection: React.FC<SidebarSectionProps> = ({
       </Flex>
       <Box
         style={{ display: opened ? "" : "none" }}
-        backgroundColor="neutral.900"
+        backgroundColor="neutral.100"
+        borderTopWidth=".5px"
+        borderTopColor="neutral.200"
         padding="10px 20px 15px 10px"
         cursor="default"
       >
@@ -173,8 +175,8 @@ const SidebarSection: React.FC<SidebarSectionProps> = ({
         {opened && !loading && (
           <>
             {section.minRequirementCount < section.requirements.length && (
-              <Text fontSize="sm">
-                Complete {section.minRequirementCount} of the following
+              <Text fontSize="sm" as="i">
+                Complete {section.minRequirementCount} of the following:
               </Text>
             )}
             {section.requirements.map((requirement, index) => (
diff --git a/packages/frontend-v2/pages/home.tsx b/packages/frontend-v2/pages/home.tsx
index edfe71ec0..9b66fa0a9 100644
--- a/packages/frontend-v2/pages/home.tsx
+++ b/packages/frontend-v2/pages/home.tsx
@@ -101,7 +101,9 @@ const HomePage: NextPage = () => {
     if (student) {
       const plan = student.plans.find((plan) => plan.id === selectedPlanId);
       if (plan) {
-        setPreReqWarnings(getPreReqWarnings(plan.schedule, student.coursesTransfered));
+        setPreReqWarnings(
+          getPreReqWarnings(plan.schedule, student.coursesTransfered)
+        );
         setCoReqWarnings(getCoReqWarnings(plan.schedule));
       }
     }
@@ -170,7 +172,9 @@ const HomePage: NextPage = () => {
       return;
     }
 
-    setPreReqWarnings(getPreReqWarnings(updatedPlan.schedule, student.coursesTransfered));
+    setPreReqWarnings(
+      getPreReqWarnings(updatedPlan.schedule, student.coursesTransfered)
+    );
     setCoReqWarnings(getCoReqWarnings(updatedPlan.schedule));
     mutateStudentWithUpdatedPlan(updatedPlan);
   };
@@ -222,7 +226,7 @@ const HomePage: NextPage = () => {
     >
       <PageLayout>
         <Box
-          bg="neutral.main"
+          bg="neutral.100"
           overflowY="auto"
           width={{ desktop: "360px", tablet: "300px" }}
           flexShrink={0}
@@ -256,7 +260,7 @@ const HomePage: NextPage = () => {
                   mutateStudentWithUpdatedPlan={mutateStudentWithUpdatedPlan}
                   setIsRemove={setIsRemove}
                 />
-                <Divider borderColor="neutral.900" borderWidth={1} />
+                <Divider borderColor="neutral.200" borderWidth={1} />
               </>
             )}
             <TransferCourses
diff --git a/packages/frontend-v2/pages/index.tsx b/packages/frontend-v2/pages/index.tsx
index f05549b3f..df571e78c 100644
--- a/packages/frontend-v2/pages/index.tsx
+++ b/packages/frontend-v2/pages/index.tsx
@@ -55,7 +55,7 @@ const Banner = (): JSX.Element => {
               color="primary.red.main"
               fontWeight="normal"
               lineHeight="1"
-              mb="0"
+              mb="-12px"
             >
               Graduate
             </Heading>
diff --git a/packages/frontend-v2/utils/plan/preAndCoReqCheck.ts b/packages/frontend-v2/utils/plan/preAndCoReqCheck.ts
index bcbb7a0bf..c1695d30c 100644
--- a/packages/frontend-v2/utils/plan/preAndCoReqCheck.ts
+++ b/packages/frontend-v2/utils/plan/preAndCoReqCheck.ts
@@ -14,7 +14,7 @@ import {
 } from "@graduate/common";
 
 export const getCoReqWarnings = (
-  schedule: Schedule2<unknown>,
+  schedule: Schedule2<unknown>
 ): CoReqWarnings => {
   const errors: CoReqWarnings = {
     type: "coreq",
@@ -30,7 +30,7 @@ export const getCoReqWarnings = (
 };
 
 export const getCoReqWarningsSem = (
-  term: ScheduleTerm2<unknown>,
+  term: ScheduleTerm2<unknown>
 ): TermError => {
   const seen: Set<string> = new Set();
   const coReqErrors: TermError = {};
@@ -62,8 +62,8 @@ export const getPreReqWarnings = (
       spring: getPreReqWarningSem(year.spring, seen),
       summer1: getPreReqWarningSem(year.summer1, seen),
       summer2: getPreReqWarningSem(year.summer2, seen),
-    }))
-  }
+    })),
+  };
   return preReqErrors;
 };
 
@@ -135,8 +135,6 @@ const isOrCourse = (course: INEUReq): course is INEUOrReq => {
   return (course as INEUOrReq).type === "or";
 };
 
-const isError = (
-  error: INEUReqError | undefined
-): error is INEUReqError => {
+const isError = (error: INEUReqError | undefined): error is INEUReqError => {
   return !!error;
 };
diff --git a/packages/frontend-v2/utils/theme/index.ts b/packages/frontend-v2/utils/theme/index.ts
index eabe0159c..892027c04 100644
--- a/packages/frontend-v2/utils/theme/index.ts
+++ b/packages/frontend-v2/utils/theme/index.ts
@@ -48,17 +48,11 @@ const colors = {
     },
   },
   neutral: {
-    main: "#e7ebf1",
-    50: "#eff2f6",
-    100: "#d2d7de",
-    200: "#b3bcc8",
-    300: "#f1f5fa",
+    50: "#f4f6f9",
+    100: "#e7ebf1",
+    200: "#d2d8e3",
+    300: "#b4bbc8",
     400: "#7586a0",
-    500: "#e7ebf1",
-    600: "#485569",
-    700: "#e2e6ec",
-    800: "#1f242c",
-    900: "#d2d8e2",
   },
   states: {
     success: {