Реагировать - приостановить не полностью загруженный scss

Question

Я сделал следующую реализацию:

import {lazy, Suspense} from 'react'

1. Загрузить (ленивый) мой компонент:

   const Component = lazy(() => import('./componentPath'))

2. Заверните коммутатор в состояние ожидания:

   <Suspense fallback={<span>Loading...</span>}>
       <Switch>
           <Route exact path='/path' component={Component} //>
       </Switch>
   </Suspense>
   

, и я столкнулся со следующей проблемой:

Во многих местах css с плохие поля, отступы даже при отсутствии некоторых стилей .

Моя цель - отложенная загрузка компонентов на уровне маршрута.

Есть идеи, как мне это исправить? Заранее спасибо.

Структура компонентов:

Основной компонент, который лениво загружается на маршрутизатор уровень:

import React from 'react';
import FirstSubComp;

import './style.scss'

const MainComp = () => (

    return (
      <FIrstSubComp/>
   )
);

Первый SubComp:

import React from 'react'
import './style.scss'

const FIrstSubComp = () => (

    return (
      <div>First sub comp<div>
   )
);