diff --git a/public/assets/images/auth/loginbg.webp b/public/assets/images/auth/loginbg.webp
new file mode 100644
index 0000000..ad5f1a6
Binary files /dev/null and b/public/assets/images/auth/loginbg.webp differ
diff --git a/src/theme.ts b/src/theme.ts
index 4a2659d..1853398 100644
--- a/src/theme.ts
+++ b/src/theme.ts
@@ -9,7 +9,12 @@ const roboto = Roboto({
 });
 
 const getCssVariableValue = (variable: string): string => {
-  return getComputedStyle(document.documentElement).getPropertyValue(variable);
+  if (typeof window !== "undefined") {
+    return getComputedStyle(document.documentElement).getPropertyValue(
+      variable
+    );
+  }
+  return "";
 };
 
 const theme = createTheme({
diff --git a/src/utilities/utilityConstant.ts b/src/utilities/utilityConstant.ts
index b123ea0..81b2f99 100644
--- a/src/utilities/utilityConstant.ts
+++ b/src/utilities/utilityConstant.ts
@@ -2,7 +2,7 @@ export const UTILITY_CONSTANT = {
   IMAGES: {
     AUTH: {
       HEADER_LOG: "/assets/images/auth/headerLogo.webp",
-      LOGIN_BG: "/assets/images/auth/loginbg.svg",
+      LOGIN_BG: "/assets/images/auth/loginbg.webp",
     },
   },
 };