diff --git a/projects/common/assets/styles.css b/projects/common/assets/common-styles.css
similarity index 91%
rename from projects/common/assets/styles.css
rename to projects/common/assets/common-styles.css
index 1ceddfc57fcd32aff335292a0e2a4f493cb9710e..f700034a0e7c6448fcc8b498249456b9acb0f5d0 100644
--- a/projects/common/assets/styles.css
+++ b/projects/common/assets/common-styles.css
@@ -1,9 +1,3 @@
-@import './roboto.css';
-@import './material-icons.css';
-@import './ptsans.css';
-@import './notoSansSymbols2.css';
-
-
body {
margin: 0;
font-family: 'Roboto', sans-serif
diff --git a/projects/editor/src/html_wrapper/index.html b/projects/editor/src/html_wrapper/index.html
index 129798f2adfb8f3ae9ec514d75a3bbd2bca7c2db..4aef6c72628a1614111bee0c1fcbdf315bdf3a02 100644
--- a/projects/editor/src/html_wrapper/index.html
+++ b/projects/editor/src/html_wrapper/index.html
@@ -40,6 +40,7 @@
}
</script>
<link rel="stylesheet" href="editor.css">
+ <link href="editor/assets/common-styles.css" rel="stylesheet">
<link href="editor/assets/roboto.css" rel="stylesheet">
<link href="editor/assets/ptsans.css" rel="stylesheet">
<link href="editor/assets/notoSansSymbols2.css" rel="stylesheet">
diff --git a/projects/editor/src/index.html b/projects/editor/src/index.html
index 3dffd772ae27664c3dd35499c854671be7973489..d17425311084dde6c06eb9c40fe0943d4acce2b1 100644
--- a/projects/editor/src/index.html
+++ b/projects/editor/src/index.html
@@ -6,6 +6,11 @@
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
+ <link href="assets/common-styles.css" rel="stylesheet">
+ <link href="assets/roboto.css" rel="stylesheet">
+ <link href="assets/ptsans.css" rel="stylesheet">
+ <link href="assets/notoSansSymbols2.css" rel="stylesheet">
+ <link href="assets/material-icons.css" rel="stylesheet">
</head>
<body>
<aspect-editor></aspect-editor>
diff --git a/projects/editor/src/styles.css b/projects/editor/src/styles.css
index c564ae26d7527f96823daf99115b3159ad57df40..f1f31b34fa7f12dec22595a10888bd65423bc718 100644
--- a/projects/editor/src/styles.css
+++ b/projects/editor/src/styles.css
@@ -1,5 +1,3 @@
-@import '../../common/assets/styles.css';
-
html, body { height: 100%; }
.mat-expansion-panel-content {font: unset !important;}
diff --git a/projects/player/src/html_wrapper/index.html b/projects/player/src/html_wrapper/index.html
index d6af79f4fb588c2f3bacf29e96c29da38797ec1b..7c35916ab61763cde6b7a97d6baf658e8f70c734 100644
--- a/projects/player/src/html_wrapper/index.html
+++ b/projects/player/src/html_wrapper/index.html
@@ -44,6 +44,7 @@
}
</script>
<link rel="stylesheet" href="player.css">
+ <link href="player/assets/common-styles.css" rel="stylesheet">
<link href="player/assets/roboto.css" rel="stylesheet">
<link href="player/assets/ptsans.css" rel="stylesheet">
<link href="player/assets/notoSansSymbols2.css" rel="stylesheet">
diff --git a/projects/player/src/index.html b/projects/player/src/index.html
index c911744961323031f35ff4ea16906a409aed3d7f..7cff8a3fa51402ceecaa82f16e40f1e901935a87 100644
--- a/projects/player/src/index.html
+++ b/projects/player/src/index.html
@@ -39,6 +39,11 @@
<base href="/">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/x-icon" href="favicon.ico">
+ <link href="assets/common-styles.css" rel="stylesheet">
+ <link href="assets/roboto.css" rel="stylesheet">
+ <link href="assets/ptsans.css" rel="stylesheet">
+ <link href="assets/notoSansSymbols2.css" rel="stylesheet">
+ <link href="assets/material-icons.css" rel="stylesheet">
</head>
<body>
<aspect-player></aspect-player>