diff --git a/package.json b/package.json
index f86bbcc..6e95894 100644
--- a/package.json
+++ b/package.json
@@ -25,14 +25,15 @@
     "html-webpack-plugin": "^5.5.0",
     "jasmine": "^2.6.0",
     "mini-css-extract-plugin": "^2.7.0",
-    "ts-loader": "^9.4.1",
-    "typescript": "*",
+    "ts-loader": "^9.5.2",
+    "typescript": "^5.7.0",
     "webpack": "^5.75.0",
     "webpack-cli": "^5.0.0",
     "webpack-dev-server": "^5.2.1",
     "webpack-stream": "^7.0.0"
   },
   "dependencies": {
-    "@syncfusion/ej2-spreadsheet": "*"
+    "@syncfusion/ej2-spreadsheet": "*",
+    "@syncfusion/ej2-tailwind3-theme": "*"
   }
 }
diff --git a/src/styles/styles.css b/src/styles/styles.css
index a071640..95830b7 100644
--- a/src/styles/styles.css
+++ b/src/styles/styles.css
@@ -1,10 +1 @@
-@import '../../node_modules/@syncfusion/ej2-base/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-inputs/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-buttons/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-splitbuttons/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-lists/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-navigations/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-popups/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-dropdowns/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-grids/styles/tailwind3.css';
-@import '../../node_modules/@syncfusion/ej2-spreadsheet/styles/tailwind3.css';
\ No newline at end of file
+@import '../../node_modules/@syncfusion/ej2-tailwind3-theme/styles/spreadsheet/index.css';
\ No newline at end of file