diff --git a/src/AdvancedCalculator.js b/src/AdvancedCalculator.js
index c29d560..5ca8feb 100644
--- a/src/AdvancedCalculator.js
+++ b/src/AdvancedCalculator.js
@@ -1766,11 +1766,12 @@ const AdvancedCalculator = () => {
           </button>
         </div>
                 
-        <div className="simulation-container" style={{ backgroundColor: darkMode ? '#1f2937' : '#ffffff' }}>
+        <div className="simulation-container">
           <ResponsiveContainer width="100%" height="100%">
             <LineChart
               data={simulationData}
               style={{ backgroundColor: colors.background }}
+            >
               <CartesianGrid strokeDasharray="3 3" stroke={colors.grid} />
               <XAxis
                 dataKey="x"
@@ -1847,13 +1848,9 @@ const AdvancedCalculator = () => {
     document.documentElement.setAttribute('data-theme', darkMode ? 'dark' : 'light');
   }, [darkMode]);
 
-  // Add spreadsheet to tabs
+  // Return the calculator UI
   return (
-    <div className={`calculator-container ${darkMode ? 'dark-mode' : ''}`} 
-      style={{ 
-        backgroundColor: darkMode ? '#1f2937' : '#ffffff',
-        color: darkMode ? '#ffffff' : '#000000'
-      }}
+    <div className={`calculator-container ${darkMode ? 'dark-mode' : ''}`}>
       <div className="calculator-header">
         <h1 className="calculator-title">Advanced Calculator</h1>
         <div className="header-buttons">