React, css not loading but importing correctly?

I have recently started making an app using electron-react-boilerplate, but for some reason when i import my css from any ohter files than the main App.tsx they get imported but not loaded, here is my App.tsx

import React from 'react';
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom';
import Journal from './Journal';
import './App.global.css';

const Main = () => {
  return (
    <>
      <Journal />
    </>
  );
};

export default function App() {
  return (
    <Router>
      <Switch>
        <Route path="/" component={Main} />
      </Switch>
    </Router>
  );
}

Here is my Journal.tsx

import React from 'react';
import j_background from './res/j_background.svg';
import './css/Journal.css';

function Journal() {
  return (
    <>
      <div id="j_background">
        <img id="background_img" src={j_background} alt="Journal background." />
      </div>
      <p>Hey</p>
    </>
  );
}

export default Journal;

Everything that is in ./css/Journal.css does not get applied but the app is compiled correctly?