diff --git a/src/components/DashboardLayout/DashboardLayout.tsx b/src/components/DashboardLayout/DashboardLayout.tsx
index 12ecf15..0300d08 100644
--- a/src/components/DashboardLayout/DashboardLayout.tsx
+++ b/src/components/DashboardLayout/DashboardLayout.tsx
@@ -1,32 +1,30 @@
 import { ReactNode, useState, useEffect } from 'react'
-import { Link } from 'react-router-dom'
+
 import Aside from './Aside'
 
 export default function DashboardLayout({children}:{children: ReactNode}) {
 
-  const [showAside, setShowAside] = useState(false)
-
-  let [widthSize, setWidthSize] = useState('')
-
+  const [showAside, setShowAside] = useState<boolean>(false)
 
   const AsideDisplay = () => {
     setShowAside(prev => !prev)
   }
 
   useEffect(() => {
-    const screenResized = window.addEventListener('resize', ()=>{
-        setShowAside(false)
-        setWidthSize(window.innerWidth)
-    })
-  
-    return () => {
-      window.removeEventListener('resize', screenResized)
+    const handleResize = () => {
+        return setShowAside(false)
+        // setWidthSize(window.innerWidth)
     }
+    window.addEventListener('resize', handleResize)
+  
+    // return () => {
+    //   window.removeEventListener('resize', screenResized)
+    // }
   }, [])
   
 
   return (
-    <div className='w-full max-w-[2000px] mx-auto h-screen flex bg-[#F9F9F9] text-black'>
+    <div className='w-full max-w-[2000px] mx-auto h-screen flex bg-[#020202] text-black'>
       <aside className='w-[300px] bg-white hidden md:block border-r-2 border-[#E6E6E6]'>
         <Aside />
       </aside>
@@ -35,7 +33,7 @@ export default function DashboardLayout({children}:{children: ReactNode}) {
         <Aside />
       </aside>
 
-      <main className={`dash-bg-image relative w-full overflow-y-auto overflow-x-hidden`}>
+      <main className={`dash-bg-image bg-[#F9F9F9] relative w-full overflow-y-auto overflow-x-hidden`}>
           <header className={`p-5 sticky z-10 top-0 w-full bg-[#F9F9F9] border-b-2 border-[#E6E6E6] bg-[url('../../../src/assets/images/dashboard/Ellipse1.png')] bg-no-repeat bg-[top_right]`}>
             <div className='h-14 w-full flex justify-end items-center gap-5'>
                 {/* <div className=''>
diff --git a/src/components/Login/Login.tsx b/src/components/Login/Login.tsx
index a3a669a..8a494c9 100644
--- a/src/components/Login/Login.tsx
+++ b/src/components/Login/Login.tsx
@@ -18,7 +18,7 @@ export default function Login() {
         password: ''
     })
 
-    const handleFormChange = ({target:{name, value}}:{target:HandleChange}):void => {
+    const handleFormChange = ({target:{name, value}}:{target:HandleChange}):any => {
         setFormDetails(prev => ({...prev, [name]:value}))
     }
 
diff --git a/src/components/shared/FloatLabelInput.tsx b/src/components/shared/FloatLabelInput.tsx
index a512bd3..6ef36ad 100644
--- a/src/components/shared/FloatLabelInput.tsx
+++ b/src/components/shared/FloatLabelInput.tsx
@@ -7,7 +7,7 @@ type Props = {
     labelName?:string,
     inputClass?:string,
     value:string,
-    onChange:()=>void
+    onChange:(event?: any)=>any
 }
 
 export default function FloatLabelInput({