diff --git a/Gruntfile.cjs b/Gruntfile.cjs
index 253b0d79..7c5b208b 100644
--- a/Gruntfile.cjs
+++ b/Gruntfile.cjs
@@ -30,7 +30,7 @@ module.exports = function(grunt) {
       styleguide: {
         files: {
           "<%= paths.public %>/backend.css": "<%= paths.private %>/backend.scss",
-          "<%= paths.public %>/frontend.css": "<%= paths.private %>/frontend.scss"
+          "<%= paths.public %>/styleguide-frontend.css": "<%= paths.private %>/styleguide-frontend.scss"
         }
       }
     },
diff --git a/Resources/Private/Styles/frontend.scss b/Resources/Private/Styles/styleguide-frontend.scss
similarity index 100%
rename from Resources/Private/Styles/frontend.scss
rename to Resources/Private/Styles/styleguide-frontend.scss
diff --git a/Resources/Private/Templates/Frontend/StyleguideFrontend.html b/Resources/Private/Templates/Frontend/StyleguideFrontend.html
index af704d74..b94a0067 100644
--- a/Resources/Private/Templates/Frontend/StyleguideFrontend.html
+++ b/Resources/Private/Templates/Frontend/StyleguideFrontend.html
@@ -7,7 +7,7 @@
 </f:section>
 
 <f:section name="FooterAssets">
-    <link rel="stylesheet" href="{f:uri.resource(path:'EXT:styleguide/Resources/Public/Css/frontend.css', extensionName: 'styleguide')}"/>
+    <link rel="stylesheet" href="{f:uri.resource(path:'EXT:styleguide/Resources/Public/Css/styleguide-frontend.css', extensionName: 'styleguide')}"/>
 </f:section>
 
 </html>
diff --git a/Resources/Public/Css/frontend.css b/Resources/Public/Css/styleguide-frontend.css
similarity index 100%
rename from Resources/Public/Css/frontend.css
rename to Resources/Public/Css/styleguide-frontend.css
diff --git a/Resources/Public/Css/frontend.css.map b/Resources/Public/Css/styleguide-frontend.css.map
similarity index 100%
rename from Resources/Public/Css/frontend.css.map
rename to Resources/Public/Css/styleguide-frontend.css.map