diff --git a/src/layouts/components/ImageMod.astro b/src/layouts/components/ImageMod.astro
index 484019f..4087c38 100644
--- a/src/layouts/components/ImageMod.astro
+++ b/src/layouts/components/ImageMod.astro
@@ -16,31 +16,19 @@ interface Props {
 }
 
 // Destructuring Astro.props to get the component's props
-let {
-  src,
-  alt,
-  width,
-  height,
-  loading,
-  decoding,
-  class: className,
-  format,
-  style,
-} = Astro.props;
+let { src, alt, width, height, loading, decoding, class: className, format, style } = Astro.props;
 
 src = `/public${src}`;
 
 // Glob pattern to load images from the /public/images folder
-const images = import.meta.glob("/public/images/**/*.{jpeg,jpg,png,gif}");
+const images = import.meta.glob("/public/images/**/*.{jpeg,jpg,png,gif,svg}");
 
 // Check if the source path is valid
 const isValidPath = images[src] ? true : false;
 
 // Log a warning message in red if the image is not found
 !isValidPath &&
-  console.error(
-    `\x1b[31mImage not found - ${src}.\x1b[0m Make sure the image is in the /public/images folder.`,
-  );
+  console.error(`\x1b[31mImage not found - ${src}.\x1b[0m Make sure the image is in the /public/images folder.`);
 ---
 
 {
diff --git a/src/styles/safe.css b/src/styles/safe.css
index 39630bc..14980a6 100644
--- a/src/styles/safe.css
+++ b/src/styles/safe.css
@@ -8,7 +8,7 @@ input#nav-toggle:checked + label #hide-button {
 }
 
 input#nav-toggle:checked ~ #nav-menu {
-  @apply block;
+  @apply max-lg:block;
 }
 
 /* swiper pagination */