diff --git a/src/components/ThemedSVG/index.tsx b/src/components/ThemedSVG/index.tsx
index 7b7503f..de5b615 100644
--- a/src/components/ThemedSVG/index.tsx
+++ b/src/components/ThemedSVG/index.tsx
@@ -2,18 +2,20 @@ import React from 'react';
 
 import clsx from 'clsx';
 
+import styles from './styles.module.css';
+
 export default function ThemedSVG(props): JSX.Element {
     const { source, className: parentClassName, alt, ...propsRest } = props;
 
     return (
         <>
             <embed
-                className={clsx("light-mode-only", parentClassName)}
+                className={clsx("light-mode-only", parentClassName, styles.themed_svg)}
                 type="image/svg+xml"
                 src={`${source}_light.svg`}
             />
             <embed
-                className={clsx("dark-mode-only", parentClassName)}
+                className={clsx("dark-mode-only", parentClassName, styles.themed_svg)}
                 type="image/svg+xml"
                 src={`${source}_dark.svg`}
             />
diff --git a/src/components/ThemedSVG/styles.module.css b/src/components/ThemedSVG/styles.module.css
new file mode 100644
index 0000000..c49fbdb
--- /dev/null
+++ b/src/components/ThemedSVG/styles.module.css
@@ -0,0 +1,3 @@
+.themed_svg {
+    max-width: 100%;
+}
\ No newline at end of file