diff --git a/src/api/resumeItemInterface.ts b/src/api/resumeItemInterface.ts
index 6ed9681..cf991c0 100644
--- a/src/api/resumeItemInterface.ts
+++ b/src/api/resumeItemInterface.ts
@@ -59,12 +59,12 @@ export const updateItem = async (
   token: string,
 ) => {
   try {
-    console.log(updatedFields);
+    // console.log(updatedFields);
     if (token === undefined) {
       throw new Error("Token is undefined");
     }
 
-    console.log("updateItem token: ", token);
+    // console.log("updateItem token: ", token);
     switch (itemType) {
       case resumeItemTypes.HEADING:
         await updateHeading(updatedFields, itemId, token);
diff --git a/src/components/BugReport.tsx b/src/components/BugReport.tsx
index bef28e9..2297c49 100644
--- a/src/components/BugReport.tsx
+++ b/src/components/BugReport.tsx
@@ -79,7 +79,7 @@ export function BugReport({ setDialogOpen }: BugReportProps) {
       bugBrowser: data.browswer,
     };
 
-    console.log("Bug Data");
+    // console.log("Bug Data");
 
     try {
       console.log("Bug Report Submitted!");
diff --git a/src/components/NewItemDropdown.tsx b/src/components/NewItemDropdown.tsx
index 0988c5f..028c35d 100644
--- a/src/components/NewItemDropdown.tsx
+++ b/src/components/NewItemDropdown.tsx
@@ -24,7 +24,6 @@ export const NewItemDropdown: React.FC<{
   setDropdownIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
   templateId: templates | undefined;
 }> = ({ dropdownIsOpen, setDropdownIsOpen, templateId }) => {
-	console.log("templateId in newitemdropdown:", templateId);
   return (
     <DropdownMenu open={dropdownIsOpen} onOpenChange={setDropdownIsOpen}>
       <DropdownMenuTrigger asChild>
diff --git a/src/components/PageCount.tsx b/src/components/PageCount.tsx
index c23c424..9490812 100644
--- a/src/components/PageCount.tsx
+++ b/src/components/PageCount.tsx
@@ -40,7 +40,6 @@ export const PageCount: React.FC<{
       if (latexCode != null) {
         generatePdfBlobSafe(latexCode, true)
           .then((res) => {
-            console.log("blob generated");
             setBlob(res);
           })
           .catch((err) => {
diff --git a/src/components/ResumeItemDropdown.tsx b/src/components/ResumeItemDropdown.tsx
index c3b5898..9b92e78 100644
--- a/src/components/ResumeItemDropdown.tsx
+++ b/src/components/ResumeItemDropdown.tsx
@@ -21,7 +21,7 @@ export const ResumeItemTypeDropdown: React.FC<{
     <DropdownMenu open={typeDropdown} onOpenChange={setTypeDropdown}>
       <DropdownMenuTrigger asChild>
         <Button className="h-full" variant="ghost">
-          <img src={Filter} alt="filterimg" className="w-[1rem] h-[1rem]" />
+          <img src={Filter} alt="filterimg" className="min-w-[1rem] min-h-[1rem] w-[1rem] h-[1rem]" />
         </Button>
       </DropdownMenuTrigger>
       <DropdownMenuContent>
diff --git a/src/components/ResumeName.tsx b/src/components/ResumeName.tsx
index 5b73e57..8097d48 100644
--- a/src/components/ResumeName.tsx
+++ b/src/components/ResumeName.tsx
@@ -66,7 +66,7 @@ export const ResumeName: React.FC<{
 
   return (
     <Input
-      className="m-2 min-w-[50px] h-full rounded-md ml-8 px-2 bg-white"
+      className="m-2 min-w-[50px] h-full rounded-md px-2 bg-white"
       type="text"
       value={resumeName}
       onChange={handleInputChange}
diff --git a/src/components/resume-items/activity.tsx b/src/components/resume-items/activity.tsx
index 051d14e..7f058f3 100644
--- a/src/components/resume-items/activity.tsx
+++ b/src/components/resume-items/activity.tsx
@@ -165,7 +165,6 @@ export function ExtracurricularItem({
     };
     if (submissionType == formSubmissionTypes.EDIT) {
       try {
-				console.log("templateId passed into activity edit:", templateId);
         // Call the mutation function with necessary parameters
         mutation.mutate({
           itemType: resumeItemTypes.ACTIVITY,
diff --git a/src/components/resume-items/skill-item.tsx b/src/components/resume-items/skill-item.tsx
index a73ac1a..11d0b8d 100644
--- a/src/components/resume-items/skill-item.tsx
+++ b/src/components/resume-items/skill-item.tsx
@@ -123,8 +123,6 @@ export function SkillItem({
       description: data.description,
     };
 
-    console.log(skillsData);
-
     if (submissionType == formSubmissionTypes.EDIT) {
       try {
         // Call the mutation function with necessary parameters
diff --git a/src/hooks/mutations.ts b/src/hooks/mutations.ts
index adafeba..7ad1c83 100644
--- a/src/hooks/mutations.ts
+++ b/src/hooks/mutations.ts
@@ -173,15 +173,11 @@ export const useUpdateItem = (
       updatedFields: itemUpdatedFields;
     }) => {
       if (token === undefined || templateId === undefined) {
-		console.log("templateId is undefined");
         throw new Error("Token is undefined or templateId is undefined");
       }
-      console.log("First Layer");
-      console.log(updatedFields);
       return await updateItem(itemType, itemId, updatedFields, token);
     },
     onSuccess: (_, { itemId, templateId }) => {
-		console.log("calling invalidate item:", `${itemId}${templateId}`);
       invalidateItem(`${itemId}${templateId}`);
       queryClient.invalidateQueries({ queryKey: ["items"] });
     },
diff --git a/src/latexUtils/pdfUtils.ts b/src/latexUtils/pdfUtils.ts
index 0304ab5..4940121 100644
--- a/src/latexUtils/pdfUtils.ts
+++ b/src/latexUtils/pdfUtils.ts
@@ -275,7 +275,6 @@ export const use2ndPageRenderer = (
               if (onRenderEnd != null) {
                 onRenderEnd();
               }
-              console.log("no second page");
             });
         })
         .catch((err) => {
diff --git a/src/pages/Auth/Login.tsx b/src/pages/Auth/Login.tsx
index cedca31..60d57eb 100644
--- a/src/pages/Auth/Login.tsx
+++ b/src/pages/Auth/Login.tsx
@@ -54,7 +54,6 @@ const Login: React.FC = () => {
     try {
       setError("");
       const alal = await login(values.email, values.password);
-      console.log(alal);
       navigate("/"); // Redirect to home page
     } catch (err: any) {
       // eslint-disable-next-line @typescript-eslint/no-unsafe-member-access, @typescript-eslint/no-unsafe-argument
diff --git a/src/pages/Editor.tsx b/src/pages/Editor.tsx
index 303cc38..56992ea 100644
--- a/src/pages/Editor.tsx
+++ b/src/pages/Editor.tsx
@@ -345,17 +345,17 @@ const Editor: React.FC = () => {
           </Button>
         </div>
       </div>
-      <div className="w-full h-[3rem] flex items-center bg-white">
-        <Card className="w-full h-[2.5rem] mr-3 ml-3 bg-[#e7ecef] flex items-center p-1">
-          <div className="flex items-center justify-start justify-between w-1/2">
+      <div className="w-full flex items-center bg-white p-1">
+        <Card className="w-full mr-3 ml-3 bg-[#e7ecef] flex flex-col lg:flex-row p-1">
+          <div className="flex items-center h-[2rem] justify-start justify-between w-full lg:w-1/2 lg:ml-8 mb-1 lg:mb-0">
             <NewItemDropdown
               dropdownIsOpen={dropdownIsOpen}
               setDropdownIsOpen={setDropdownIsOpen}
-							templateId={resume?.templateId}
+              templateId={resume?.templateId}
             ></NewItemDropdown>
             <div className="flex items-center">
               <Input
-                className="w-[1/2] h-full"
+                className="lg:w-[1/2] w-full h-full"
                 placeholder="Search Items..."
                 value={searchQuery}
                 onChange={handleSearchChange}
@@ -381,8 +381,9 @@ const Editor: React.FC = () => {
                 </SelectGroup>
               </SelectContent>
             </Select>
+            <div className=""></div>
           </div>
-          <div className="flex items-center justify-start w-1/2">
+          <div className="flex items-center h-[2rem] justify-start w-full lg:w-1/2">
             <ResumeName
               token={storedToken}
               resumeId={id as string}
@@ -546,7 +547,7 @@ const Editor: React.FC = () => {
                                 resume?.templateId,
                               )}
                               cacheKey={`${item._id}${resume?.templateId}`}
-															showMessage
+                              showMessage
                             ></LatexImage>
                           </div>
                           <Skeleton
@@ -608,7 +609,7 @@ const Editor: React.FC = () => {
                             resume?.templateId,
                           )}
                           cacheKey={`${item._id}${resume?.templateId}`}
-													showMessage
+                          showMessage
                         ></LatexImage>
                       </div>
                       <Skeleton
diff --git a/src/pages/Home.tsx b/src/pages/Home.tsx
index dde5325..811bcf5 100644
--- a/src/pages/Home.tsx
+++ b/src/pages/Home.tsx
@@ -30,7 +30,6 @@ const Home: React.FC = () => {
   } = useAddResume(queryClient, storedToken);
 
 	useEffect(() => {
-		console.log("doing cache fill");
 		generatePdfBlobSafe(testlatex4);
 		// generatePdfBlobSafe(cacheLatex1);
 	}, []);
@@ -56,7 +55,6 @@ const Home: React.FC = () => {
 
     mutate(blankResume, {
 			onSuccess: (response) => {
-				console.log("response:", response);
 				navigate(`/editor/${response._id}`);
 			},
 			onError: () => {