diff --git a/src/assets/css/community/community.css b/src/assets/css/community/community.css
index c0ef566d..ff94d122 100644
--- a/src/assets/css/community/community.css
+++ b/src/assets/css/community/community.css
@@ -1,5 +1,5 @@
 
-.base
+.communitybase
 {
   height: 100vh;
   background-image: url("../../pictures/communityback.png");
diff --git a/src/views/community/trends.vue b/src/views/community/trends.vue
index 79bb7e40..dd974e63 100644
--- a/src/views/community/trends.vue
+++ b/src/views/community/trends.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class=base>
+  <div class=communitybase>
     
     <div class=leftinfo>
         <div class=focus style="position: absolute; font-weight: bold; font-size: 18px; left:8%;top:1%">
@@ -95,9 +95,6 @@
   </div>
   
 </template>
-<style scoped>
-  @import url('../../assets/css/community/community.css');
-  </style>
 <script>
 import PostCard from '../../components/PostCard.vue';
 export default {
@@ -161,4 +158,8 @@ export default {
       }
     }
 }
-</script>
\ No newline at end of file
+</script>
+
+<style scoped>
+  @import url('../../assets/css/community/community.css');
+</style>
\ No newline at end of file