From 6711de5eb688de76d54859e3c830e4bacfb08b32 Mon Sep 17 00:00:00 2001
From: Timothy Pidashev <mail@timmypidashev.dev>
Date: Wed, 23 Apr 2025 12:26:34 -0700
Subject: [PATCH] Update mdx command component to conform to mobile container
 size

---
 src/src/components/mdx/command.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/src/components/mdx/command.tsx b/src/src/components/mdx/command.tsx
index 649ec06..9e626bd 100644
--- a/src/src/components/mdx/command.tsx
+++ b/src/src/components/mdx/command.tsx
@@ -29,7 +29,7 @@ const CommandSequence = ({
   };
 
   return (
-    <div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4">
+    <div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4" style={{ maxWidth: '95vw' }}>
       {/* Header with Terminal Icon and Copy Button */}
       <div className="bg-background border-b border-foreground/20 text-foreground p-2 flex items-center justify-between">
         <div className="flex items-center">
@@ -141,7 +141,7 @@ const Commands = ({
   };
 
   return (
-    <div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4">
+    <div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4" style={{ maxWidth: '95vw' }}>
       {/* Header with Terminal Icon and Copy Button */}
       <div className="bg-background border-b border-foreground/20 text-foreground p-2 flex items-center justify-between">
         <div className="flex items-center">
@@ -225,7 +225,7 @@ const Command = ({
   };
 
   return (
-    <div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4">
+    <div className="w-full rounded-md overflow-hidden border border-foreground/20 bg-background my-4" style={{ maxWidth: '95vw' }}>
       {/* Header with Terminal Icon and Copy Button */}
       <div className="bg-background border-b border-foreground/20 text-foreground p-2 flex items-center justify-between">
         <div className="flex items-center">