diff --git a/src/csui/src/PlayerUiPanels/AutodetectionSettingsPanel.vue b/src/csui/src/PlayerUiPanels/AutodetectionSettingsPanel.vue
index 62db4f5..2ec3eae 100644
--- a/src/csui/src/PlayerUiPanels/AutodetectionSettingsPanel.vue
+++ b/src/csui/src/PlayerUiPanels/AutodetectionSettingsPanel.vue
@@ -345,8 +345,8 @@ export default {
 </script>
 
 <style lang="scss" src="../../res/css/flex.scss" scoped module></style>
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
 
 <style lang="scss" scoped module>
 @import '../res-common/variables';
diff --git a/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue b/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue
index 4346ecc..a7dc160 100644
--- a/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue
+++ b/src/csui/src/PlayerUiPanels/BaseExtensionSettings.vue
@@ -120,5 +120,5 @@ export default {
 </script>
 
 <style lang="scss" src="../../res/css/flex.scss" scoped module></style>
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
diff --git a/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/OtherSiteSettings.vue b/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/OtherSiteSettings.vue
index 29dd30f..0c995e7 100644
--- a/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/OtherSiteSettings.vue
+++ b/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/OtherSiteSettings.vue
@@ -118,5 +118,5 @@ export default {
 </script>
 
 <style lang="scss" src="../../../../res/css/flex.scss" scoped></style>
-<style lang="scss" src="../../../res-common/panels.scss" scoped></style>
-<style lang="scss" src="../../../res-common/common.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped></style>
diff --git a/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/SiteExtensionSettings.vue b/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/SiteExtensionSettings.vue
index 6ada000..a1eb78d 100644
--- a/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/SiteExtensionSettings.vue
+++ b/src/csui/src/PlayerUiPanels/PanelComponents/ExtensionSettings/SiteExtensionSettings.vue
@@ -453,8 +453,8 @@ export default {
 </script>
 
 <style lang="scss" src="../../../../res/css/flex.scss" scoped></style>
-<style lang="scss" src="../../../res-common/panels.scss" scoped></style>
-<style lang="scss" src="../../../res-common/common.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped></style>
 <style scoped>
 .button-hover:hover {
   color: #fa6;
diff --git a/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/CropOptionsPanel.vue b/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/CropOptionsPanel.vue
index 454a941..bd49578 100644
--- a/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/CropOptionsPanel.vue
+++ b/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/CropOptionsPanel.vue
@@ -240,5 +240,5 @@ export default {
 </script>
 
 <style lang="scss" src="../../../../res/css/flex.scss" scoped></style>
-<style lang="scss" src="../../../res-common/panels.scss" scoped></style>
-<style lang="scss" src="../../../res-common/common.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped></style>
diff --git a/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/StretchOptionsPanel.vue b/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/StretchOptionsPanel.vue
index f1124e6..d06679c 100644
--- a/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/StretchOptionsPanel.vue
+++ b/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/StretchOptionsPanel.vue
@@ -245,5 +245,5 @@ export default {
 </script>
 
 <style lang="scss" src="../../../../res/css/flex.scss" scoped></style>
-<style lang="scss" src="../../../res-common/panels.scss" scoped></style>
-<style lang="scss" src="../../../res-common/common.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped></style>
diff --git a/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/ZoomOptionsPanel.vue b/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/ZoomOptionsPanel.vue
index 34e9894..9a1d94d 100644
--- a/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/ZoomOptionsPanel.vue
+++ b/src/csui/src/PlayerUiPanels/PanelComponents/VideoSettings/ZoomOptionsPanel.vue
@@ -152,5 +152,5 @@ export default {
 </script>
 
 <style lang="scss" src="../../../../res/css/flex.scss" scoped></style>
-<style lang="scss" src="../../../res-common/panels.scss" scoped></style>
-<style lang="scss" src="../../../res-common/common.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped></style>
diff --git a/src/csui/src/PlayerUiPanels/PlayerDetectionPanel.vue b/src/csui/src/PlayerUiPanels/PlayerDetectionPanel.vue
index f1ee07a..f8fa9e1 100644
--- a/src/csui/src/PlayerUiPanels/PlayerDetectionPanel.vue
+++ b/src/csui/src/PlayerUiPanels/PlayerDetectionPanel.vue
@@ -550,8 +550,8 @@ export default({
 </script>
 
 <style lang="scss" src="../../res/css/flex.scss" scoped module></style>
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
 <style lang="scss" scoped>
 p {
   font-size: 1rem;
diff --git a/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue b/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
index 94ee8dc..4cd4d1d 100644
--- a/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
+++ b/src/csui/src/PlayerUiPanels/PlayerUiSettings.vue
@@ -224,8 +224,9 @@ export default {
 </script>
 
 <style lang="scss" src="../../res/css/flex.scss" scoped module></style>
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
+
 <style lang="scss" scoped>
 .justify-center {
   justify-content: center;
diff --git a/src/csui/src/PlayerUiPanels/ResetBackupPanel.vue b/src/csui/src/PlayerUiPanels/ResetBackupPanel.vue
index 9c32938..2d40069 100644
--- a/src/csui/src/PlayerUiPanels/ResetBackupPanel.vue
+++ b/src/csui/src/PlayerUiPanels/ResetBackupPanel.vue
@@ -26,5 +26,5 @@ export default {
 }
 </script>
 <style lang="scss" src="../../res/css/flex.scss" scoped module></style>
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
diff --git a/src/csui/src/PlayerUiPanels/VideoSettings.vue b/src/csui/src/PlayerUiPanels/VideoSettings.vue
index 66870f6..b7c2ee8 100644
--- a/src/csui/src/PlayerUiPanels/VideoSettings.vue
+++ b/src/csui/src/PlayerUiPanels/VideoSettings.vue
@@ -143,8 +143,9 @@ export default {
 </script>
 
 <style lang="scss" src="../../res/css/flex.scss" scoped module></style>
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
+
 <style lang="scss" scoped>
 .justify-center {
   justify-content: center;
diff --git a/src/csui/src/components/EditShortcutButton.vue b/src/csui/src/components/EditShortcutButton.vue
index b20318f..fa201dd 100644
--- a/src/csui/src/components/EditShortcutButton.vue
+++ b/src/csui/src/components/EditShortcutButton.vue
@@ -172,7 +172,7 @@ export default {
 
 </script>
 
-<style lang="scss" src="../res-common/common.scss" scoped></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped></style>
 <style lang="scss" scoped>
 @import "../res-common/variables";
 
diff --git a/src/csui/src/components/TriggerZoneEditor.vue b/src/csui/src/components/TriggerZoneEditor.vue
index a5bf6eb..889d3a7 100644
--- a/src/csui/src/components/TriggerZoneEditor.vue
+++ b/src/csui/src/components/TriggerZoneEditor.vue
@@ -342,8 +342,8 @@ export default {
 
 </script>
 
-<style lang="scss" src="../res-common/panels.scss" scoped module></style>
-<style lang="scss" src="../res-common/common.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/panels.scss" scoped module></style>
+<style lang="scss" src="@csui/src/res-common/common.scss" scoped module></style>
 <style lang="scss" scoped>
 .active-trigger-area {
   background-image: url('/res/img/grid_512.webp');
diff --git a/webpack.config.js b/webpack.config.js
index 039eebb..8c6dc78 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -29,6 +29,10 @@ const config = {
   devtool: "source-map",
 
   resolve: {
+    alias: {
+      '@src': path.resolve(__dirname, 'src'),
+      '@csui': path.resolve(__dirname, 'src/csui'),
+    },
     // maybe we'll move vue stuff to TS some day, but today is not the day
     extensions: [
       '.ts', '.tsx',