diff --git a/assets/scss/partials/layout/comments/disqusjs.scss b/assets/scss/partials/comments/disqusjs.scss
similarity index 100%
rename from assets/scss/partials/layout/comments/disqusjs.scss
rename to assets/scss/partials/comments/disqusjs.scss
diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 93368e1..2f5aac9 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -24,7 +24,6 @@
 @import "partials/layout/list.scss";
 @import "partials/layout/404.scss";
 @import "partials/layout/search.scss";
-@import "partials/layout/comments/disqusjs";
 
 @import "custom.scss";
 
diff --git a/layouts/partials/comments/provider/disqusjs.html b/layouts/partials/comments/provider/disqusjs.html
index b407fc8..6afb3dc 100644
--- a/layouts/partials/comments/provider/disqusjs.html
+++ b/layouts/partials/comments/provider/disqusjs.html
@@ -1,7 +1,11 @@
+{{- $pc := .Site.Config.Privacy.Disqus -}}
+{{- $disqusjs := .Site.Params.Comments.disqusjs -}}
+{{- if and (not $pc.Disable) (and $disqusjs.Shortname $disqusjs.ApiKey) -}}
+
+{{- $style := resources.Get "scss/partials/comments/disqusjs.scss" | resources.ToCSS | minify -}}
+<link rel="stylesheet" href="{{ $style.RelPermalink }}">
+
 <div class="disqus-container">
-    {{- $pc := .Site.Config.Privacy.Disqus -}}
-    {{- $disqusjs := .Site.Params.Comments.Disqusjs -}}
-    {{- if and (not $pc.Disable) (and $disqusjs.Shortname $disqusjs.ApiKey) -}}
     <div id="disqus_thread"></div>
     <script type="application/javascript">
         var disqusjs;
@@ -53,5 +57,5 @@
         }
     </script>
     <noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
-    {{- end -}}
 </div>
+{{- end -}}
\ No newline at end of file