From 2c096a5c227a5f9bbc140a8d69418bdd1381b0d4 Mon Sep 17 00:00:00 2001
From: Sebastian Gerske <13647606+H34D@users.noreply.github.com>
Date: Thu, 27 Apr 2023 12:38:06 +0200
Subject: [PATCH] fix css loading

---
 src/provider/masa-provider.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/provider/masa-provider.tsx b/src/provider/masa-provider.tsx
index 847e62e6..0224bc7b 100644
--- a/src/provider/masa-provider.tsx
+++ b/src/provider/masa-provider.tsx
@@ -1,5 +1,4 @@
 import './styles.scss';
-import '@rainbow-me/rainbowkit/styles.css';
 
 import {
   MasaContextProvider,
@@ -9,11 +8,12 @@ import React from 'react';
 import { QueryClientProvider } from 'react-query';
 
 import { queryClient } from './masa-query-client';
-
-import './styles.scss';
 import { MasaInterface } from '../components';
 import ConfiguredRainbowKitProvider from './configured-rainbowkit-provider';
 
+// needs to be imported using require. Otherwise, it will not load!
+require('@rainbow-me/rainbowkit/styles.css');
+
 export const MasaProvider = ({
   children,
   ...args