diff --git a/src/components/Acceptance/Acceptance.tsx b/src/components/Acceptance/Acceptance.tsx
index 5ac18e299441125d976b7fe8a9d3fe303b122529..46491ed4c8564248bd0a807826e4a15607dc01fa 100644
--- a/src/components/Acceptance/Acceptance.tsx
+++ b/src/components/Acceptance/Acceptance.tsx
@@ -199,8 +199,10 @@ const Acceptance = () => {
   }, [sid, search])
 
   return (
-    <Box>
-      <Heading>Scholarship Acceptance</Heading>
+    <Box p="12">
+      <Heading size="sm" as="h1" mb="6" fontSize={{base:30, md:36, lg:48}}>
+        Scholarship Acceptance
+      </Heading>
       <Stack>
         {/* Search Bar */}
         <InputGroup borderRadius={10} size="sm">
diff --git a/src/components/Assignment/AssignmentDetails.tsx b/src/components/Assignment/AssignmentDetails.tsx
index 5d52ef5fc4c6a06ba8c1efcc196aa7d81040bc1b..d01662fb362f8f9dab32aab26c854343637ac1ec 100644
--- a/src/components/Assignment/AssignmentDetails.tsx
+++ b/src/components/Assignment/AssignmentDetails.tsx
@@ -1,14 +1,12 @@
 import { Box, Flex, Heading, SimpleGrid, Text } from "@chakra-ui/react"
 import { useEffect, useState } from "react"
 import { useParams } from "react-router-dom"
-import axios from "../../api/axios"
 import { AssignmentCards, AssignmentCardsProps } from "./AssignmentCards"
 import { CreateAssignmentModal } from "./CreateAssignmentModal"
 import useAxiosPrivate from "../../hooks/axiosPrivate"
 
-
 const AssignmentDetails = () => {
-  const axiosInstance = useAxiosPrivate();
+  const axiosInstance = useAxiosPrivate()
 
   const useFetchAssignments = () => {
     const [assignments, setAssignments] = useState([])
@@ -48,11 +46,16 @@ const AssignmentDetails = () => {
       overflow={"hidden"}
     >
       <Box width={{ base: "full", sm: "lg", lg: "xl" }} margin={"auto"}>
-        <Heading size="sm" as="h1" fontSize={48}>
+        <Heading
+          size="sm"
+          as="h1"
+          mb="6"
+          fontSize={{ base: 30, md: 36, lg: 48 }}
+        >
           List of Assignments
         </Heading>
       </Box>
-      <SimpleGrid columns={1} spacing={"5"} mt={16} mb={10} mx={"auto"}>
+      <SimpleGrid columns={1} spacing={"5"} mb={10} mx={"auto"}>
         <CreateAssignmentModal
           afterCreate={() => setShouldFetchAssignments(true)}
         />
diff --git a/src/components/Scholarships/Scholarships.tsx b/src/components/Scholarships/Scholarships.tsx
index 3f352d154e63ffeedb07637825e01e6db82a582f..ca08097df85d627b1de1fea279f73f78ddca0c2c 100644
--- a/src/components/Scholarships/Scholarships.tsx
+++ b/src/components/Scholarships/Scholarships.tsx
@@ -33,7 +33,6 @@ import { FiEdit } from "react-icons/fi"
 import { CheckIcon, ChevronDownIcon, Search2Icon } from "@chakra-ui/icons"
 import { debounce } from "lodash"
 import { DataTable } from "./DataTable"
-import axios from "axios"
 import useAxiosPrivate from "../../hooks/axiosPrivate"
 
 const Scholarships: React.FC = () => {
@@ -220,7 +219,7 @@ const Scholarships: React.FC = () => {
 
   return (
     <Box p="12">
-      <Heading size="sm" as="h1" mb="6" fontSize={48}>
+      <Heading size="sm" as="h1" mb="6" fontSize={{ base: 30, md: 36, lg: 48 }}>
         List of Scholarships
       </Heading>