diff --git a/components/dashboards/EnergyLineChart.tsx b/components/dashboards/EnergyLineChart.tsx
index 944dc37..e0ebbaf 100644
--- a/components/dashboards/EnergyLineChart.tsx
+++ b/components/dashboards/EnergyLineChart.tsx
@@ -345,7 +345,7 @@ const axisColor = isDark ? '#fff' : '#222';
                 selected={selectedDate}
                 onChange={(date) => setSelectedDate(date!)}
                 dateFormat="dd/MM/yyyy"  // ✅ sets correct format
-                className="dark:bg-rtgray-700 dark:text-white bg-white border border-rounded text-black p-1 rounded"
+                className="dark:bg-rtgray-700 dark:text-white bg-white border border-rounded dark:border-rtgray-700 text-black p-1 rounded"
               />
             </label>
           )}
diff --git a/components/layouts/header.tsx b/components/layouts/header.tsx
index 11958da..b0f2db0 100644
--- a/components/layouts/header.tsx
+++ b/components/layouts/header.tsx
@@ -151,7 +151,7 @@ const Header = () => {
                 <div className="relative flex w-full items-center bg-white px-5 py-2.5 dark:bg-black">
                     <div className="horizontal-logo flex items-center justify-between ltr:mr-2 rtl:ml-2 lg:hidden">
                         <Link href="/" className="main-logo flex shrink-0 items-center">
-                            <img className="inline w-8 ltr:-ml-1 rtl:-mr-1" src="/assets/images/logo.png" alt="logo" />
+                            <img className="inline w-8 ltr:-ml-1 rtl:-mr-1" src="/assets/images/newfulllogo.png" alt="logo" />
                             <span className="hidden align-middle text-2xl  font-semibold  transition-all duration-300 ltr:ml-1.5 rtl:mr-1.5 dark:text-white-light md:inline">Rooftop Energy</span>
                         </Link>
                         <button
diff --git a/components/layouts/sidebar.tsx b/components/layouts/sidebar.tsx
index 2623518..162092d 100644
--- a/components/layouts/sidebar.tsx
+++ b/components/layouts/sidebar.tsx
@@ -70,7 +70,7 @@ const Sidebar = () => {
                 <div className="h-full bg-[white] dark:bg-black">
                     <div className="flex items-center justify-between px-4 py-3">
                         <Link href="/" className="main-logo flex shrink-0 items-center">
-                            <img className="ml-[5px] w-8 flex-none" src="/assets/images/logo.png" alt="logo" />
+                            <img className="ml-[5px] w-8 flex-none" src="/assets/images/newlogo.png" alt="logo" />
                             <span className="align-middle text-2xl font-semibold ltr:ml-1.5 rtl:mr-1.5 dark:text-white-light lg:inline">Rooftop Energy</span>
                         </Link>
 
@@ -231,7 +231,7 @@ const Sidebar = () => {
                                             <Link href="/chint/sites">Sites</Link>
                                         </li>
                                         <li>
-                                            <Link href="/chint/gateway">Gateaway</Link>
+                                            <Link href="/chint/gateway">Gateway</Link>
                                         </li>
                                         <li>
                                             <Link href="/chint/inverters">Inverters</Link>
diff --git a/public/assets/images/newfulllogo.png b/public/assets/images/newfulllogo.png
new file mode 100644
index 0000000..3ed9428
Binary files /dev/null and b/public/assets/images/newfulllogo.png differ
diff --git a/public/assets/images/newlogo.png b/public/assets/images/newlogo.png
new file mode 100644
index 0000000..ca9cec2
Binary files /dev/null and b/public/assets/images/newlogo.png differ