From 62e0bfeb85a2b156140958e3114556b6c3b3d469 Mon Sep 17 00:00:00 2001
From: Matej Focko <mfocko@redhat.com>
Date: Thu, 20 Jul 2023 20:53:14 +0200
Subject: [PATCH] fix: make themed SVG fit the width

Signed-off-by: Matej Focko <mfocko@redhat.com>
---
 src/components/ThemedSVG/index.tsx         | 6 ++++--
 src/components/ThemedSVG/styles.module.css | 3 +++
 2 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 src/components/ThemedSVG/styles.module.css

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