changes

client/src/pages/ballotInfo/dropDown.tsx

@@ -45,7 +45,7 @@ export default function DropDown() {
                     </AccordionDetails>
                 </Accordion>
             ))}
-                <div className='rounded-sm'>
+                <div className='rounded-xl'>
                     <PopUpBox  open={open} onClose={handleClose} /> {/* Add the PopUpBox component */}
                 </div>
         </div>

client/src/pages/ballotInfo/popUpBox.tsx

@@ -10,7 +10,7 @@ const PopUpBox = ({ open, onClose }: Props) => {
     return (
         <Dialog open={open} onClose={onClose} >
             <DialogContent>
-                <p style={{ fontSize: '88px' }}>Councilors are elected every two years by the citizens of Boston. The council is made up of four at-large councilors that represent the entire City, and nine district councilors that represent specific areas of the City. The City Council serves as a link between the citizens of Boston and their municipal government.</p>
+                <p >Councilors are elected every two years by the citizens of Boston. The council is made up of four at-large councilors that represent the entire City, and nine district councilors that represent specific areas of the City. The City Council serves as a link between the citizens of Boston and their municipal government.</p>
             </DialogContent>
             <DialogActions>
                 <Button onClick={onClose} color="primary">

client/src/pages/upcomingElections/electionDates.tsx

@@ -1,23 +1,7 @@
-import {useEffect, useState} from 'react'
 
 
-export default function ElectionDates() {
 
-    useEffect(() => {
-            async function fetchData() {
-                try {
-                    const response = await fetch('http://localhost:3100'); // Replace with your API endpoint
-                    if (!response.ok) {
-                        throw new Error('Network response was not ok' + response.statusText);
-                    }
-                    const data = await response.json();
-                    console.log(data); // Do something with the fetched data
-                } catch (error) {
-                    console.error('There has been a problem with your fetch operation:', error);
-                }
-            }
-        fetchData();
-    }, [] )
+export default function ElectionDates() {
 
     return (
         <div className='bg-gray-100 m-4 rounded-xl grid grid-cols-2 p-4 max-w-lg align-center'>