diff --git a/components/StyledMarkdown.tsx b/components/StyledMarkdown.tsx
index 38dd4b9..25a412f 100644
--- a/components/StyledMarkdown.tsx
+++ b/components/StyledMarkdown.tsx
@@ -38,20 +38,12 @@ export const StyledMarkdown = ({ html }: { html: string }) => {
           url.origin.includes("youtube.com") &&
           props.node.position.start.column === 1
         ){
-          return (  
-          <div>
-          <iframe
-            src={'https://www.youtube.com/embed/' + url.searchParams.get("v") }
-            width="100%"
-            height="100%"
-            allowFullScreen
-            >
-          </iframe>
-            </div>
+          return (
+            <YouTube videoId={url.searchParams.get("v") || "dQw4w9WgXcQ"} />
           );
         }
       } catch (e) {
-        console.log(e);
+        //console.log(e);
       }
 
       return <a {...props} />;