diff --git a/src/renderer/components/app.scss b/src/renderer/components/app.scss
index c5db9c6adf..b4c15b89fd 100755
--- a/src/renderer/components/app.scss
+++ b/src/renderer/components/app.scss
@@ -19,6 +19,9 @@
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
 
+@import "tailwindcss/base";
+@import "tailwindcss/components";
+@import "tailwindcss/utilities";
 @import "~flex.box";
 @import "fonts";
 
diff --git a/src/renderer/components/app.tsx b/src/renderer/components/app.tsx
index b0a635592a..c837ac2daf 100755
--- a/src/renderer/components/app.tsx
+++ b/src/renderer/components/app.tsx
@@ -18,7 +18,6 @@
  * IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN
  * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
  */
-import "tailwindcss/tailwind.css";
 import React from "react";
 import { observable } from "mobx";
 import { disposeOnUnmount, observer } from "mobx-react";