diff --git a/src/csui/LoggerUi.vue b/src/csui/LoggerUi.vue
index bcb5daa..61c1cb2 100644
--- a/src/csui/LoggerUi.vue
+++ b/src/csui/LoggerUi.vue
@@ -235,12 +235,13 @@ export default {
 }
 </script>
 
+<style scoped src="../res/css/flex.scss"></style> 
+
 <style lang="scss" scoped>
 @import '../res/css/colors.scss';
 @import '../res/css/font/overpass.css';
 @import '../res/css/font/overpass-mono.css';
 @import '../res/css/common.scss';
-@import '../res/css/flex.css';
 
 
 .root-window {
diff --git a/src/install/first-time/App.vue b/src/install/first-time/App.vue
index 68cf9cf..87b95ec 100644
--- a/src/install/first-time/App.vue
+++ b/src/install/first-time/App.vue
@@ -101,7 +101,7 @@ export default {
 
 <style src="../../res/css/font/overpass.css"></style>
 <style src="../../res/css/font/overpass-mono.css"></style>
-<style src="../../res/css/flex.css"></style>
+<style src="../../res/css/flex.scss"></style>
 <style src="../../res/css/common.scss"></style>
 
 <style lang="scss" scoped>
diff --git a/src/install/updated/App.vue b/src/install/updated/App.vue
index fc71851..3faee68 100644
--- a/src/install/updated/App.vue
+++ b/src/install/updated/App.vue
@@ -102,7 +102,7 @@ export default {
 
 <style src="../../res/css/font/overpass.css"></style>
 <style src="../../res/css/font/overpass-mono.css"></style>
-<style src="../../res/css/flex.css"></style>
+<style src="../../res/css/flex.scss"></style>
 <style src="../../res/css/common.scss"></style>
 
 <style lang="scss" scoped>
diff --git a/src/options/App.vue b/src/options/App.vue
index 265fd9f..48361f6 100644
--- a/src/options/App.vue
+++ b/src/options/App.vue
@@ -216,7 +216,7 @@ export default {
 
 <style src="../res/css/font/overpass.css"></style>
 <style src="../res/css/font/overpass-mono.css"></style>
-<style src="../res/css/flex.css"></style>
+<style src="../res/css/flex.scss"></style>
 <style src="../res/css/common.scss"></style>
 <style src="./options.scss"></style>
 
diff --git a/src/popup/App.vue b/src/popup/App.vue
index db5af83..af02676 100644
--- a/src/popup/App.vue
+++ b/src/popup/App.vue
@@ -471,7 +471,7 @@ export default {
 
 <style src="../res/css/font/overpass.css"></style>
 <style src="../res/css/font/overpass-mono.css"></style>
-<style src="../res/css/flex.css"></style>
+<style src="../res/css/flex.scss"></style>
 <style src="../res/css/common.scss"></style>
 
 <style lang="scss" scoped>
diff --git a/src/res/css/common.scss b/src/res/css/common.scss
index e48df82..25bac41 100644
--- a/src/res/css/common.scss
+++ b/src/res/css/common.scss
@@ -1,7 +1,7 @@
 @import "colors.scss";
 @import "/res/css/font/overpass.css";
 @import "/res/css/font/overpass-mono.css";
-@import "/res/css/flex.css";
+@import "flex.scss";
 // @import "form.scss";
 
 body {
diff --git a/src/res/css/flex.css b/src/res/css/flex.scss
similarity index 100%
rename from src/res/css/flex.css
rename to src/res/css/flex.scss