diff --git a/apps/react/src/styles/components/modules-components/flight-transition.component.layout.scss b/apps/react/src/styles/components/modules-components/flight-transition.component.layout.scss
index b29b2a129..5126ed1f5 100644
--- a/apps/react/src/styles/components/modules-components/flight-transition.component.layout.scss
+++ b/apps/react/src/styles/components/modules-components/flight-transition.component.layout.scss
@@ -1,6 +1,6 @@
-@use 'src/styles/screen';
-@use 'src/styles/variables' as vars;
-@use '/src/styles/grid-sizes' as gridSizes;
+@use '../../screen';
+@use '../../variables' as vars;
+@use '../../grid-sizes' as gridSizes;
 
 @mixin intermediateScreens() {
   @media (min-width: vars.$media-breakpoint-desktop-min) and (max-width: 1180px) {
diff --git a/apps/react/src/styles/components/modules-pages/flight-details-row-registrations.component.scss b/apps/react/src/styles/components/modules-pages/flight-details-row-registrations.component.scss
index ef30f5ec1..574e9f43a 100644
--- a/apps/react/src/styles/components/modules-pages/flight-details-row-registrations.component.scss
+++ b/apps/react/src/styles/components/modules-pages/flight-details-row-registrations.component.scss
@@ -1,5 +1,5 @@
-@use './src/styles/framework' as *;
-@use '/src/styles/grid-sizes' as gridSizes;
+@use '../../framework' as *;
+@use '../../grid-sizes' as gridSizes;
 
 :host {
     .registration {
diff --git a/apps/react/src/styles/index.scss b/apps/react/src/styles/index.scss
index e68d6c286..71c3f92b9 100644
--- a/apps/react/src/styles/index.scss
+++ b/apps/react/src/styles/index.scss
@@ -21,3 +21,11 @@
 @import './prime-styles';
 @import './prime-calendar';
 @import './leaflet-popup';
+
+// Import all component styles
+@import './components/index';
+
+// Import page-specific styles
+@import './pages/board/index';
+@import './pages/schedule/index';
+@import './pages/adaptive/layout-adaptive';