diff --git a/frontend/src/components/BackstoryTextField.tsx b/frontend/src/components/BackstoryTextField.tsx
index cb4b8f0..2841ff7 100644
--- a/frontend/src/components/BackstoryTextField.tsx
+++ b/frontend/src/components/BackstoryTextField.tsx
@@ -8,7 +8,6 @@ import React, {
 } from 'react';
 import { useTheme } from '@mui/material/styles';
 import './BackstoryTextField.css';
-import Box from '@mui/material/Box';
 
 // Define ref interface for exposed methods
 interface BackstoryTextFieldRef {
@@ -101,7 +100,7 @@ const BackstoryTextField = React.forwardRef<BackstoryTextFieldRef, BackstoryText
     const fullStyle: CSSProperties = {
       display: 'flex',
       flexGrow: 1,
-      // width: '100%',
+      width: '100%',
       padding: '16.5px 14px',
       resize: 'none',
       overflow: 'hidden',
@@ -116,9 +115,7 @@ const BackstoryTextField = React.forwardRef<BackstoryTextFieldRef, BackstoryText
     };
 
     return (
-      <Box sx={{ position: 'relative', display: 'flex', flexGrow: 1, m: 0, p: 0 }}>
-        {/* Main textarea for user input */}
-        {/* Shadow textarea for height calculation */}
+      <>
         <textarea
           className="BackstoryTextField"
           ref={textareaRef}
@@ -151,7 +148,7 @@ const BackstoryTextField = React.forwardRef<BackstoryTextFieldRef, BackstoryText
           readOnly
           tabIndex={-1}
         />
-      </Box>
+      </>
     );
   }
 );