diff --git a/frontend/src/assets/scss/gradido-template.scss b/frontend/src/assets/scss/gradido-template.scss
index 59b461dce..a83b88076 100644
--- a/frontend/src/assets/scss/gradido-template.scss
+++ b/frontend/src/assets/scss/gradido-template.scss
@@ -10,8 +10,8 @@ body {
 }
 
 .bg-gradient {
-  background: rgb(4 112 6);
-  background: linear-gradient(90deg, rgb(4 112 6 / 100%) 73%, rgb(197 141 56 / 100%) 100%);
+  background: rgb(4,112,6);
+  background:  linear-gradient(90deg, rgba(4,112,6,1) 22%, rgba(197,141,56,1) 98%);
   color: white;
 }
 
diff --git a/frontend/src/components/Overview/CommunityNews.vue b/frontend/src/components/Overview/CommunityNews.vue
index 4d84566b8..e06f3c431 100644
--- a/frontend/src/components/Overview/CommunityNews.vue
+++ b/frontend/src/components/Overview/CommunityNews.vue
@@ -7,23 +7,25 @@
       >
         <b-card-body>
           <b-card-title class="h2">{{ item.text }}</b-card-title>
-        </b-card-body>
-        <b-card-footer class="bg-transparent">
+
+          <div class="h3">{{ item.date }}</div>
+
           <b-row class="my-5">
-            <b-col cols="12" md="6" lg="6">
-              <div class="h3">{{ item.date }}</div>
+            <b-col>
+              {{ item.extra }}
             </b-col>
-            <b-col cols="12" md="6" lg="6">
-              <div class="text-right">
+          </b-row>
+
+          <b-row class="my-5">
+            <b-col cols="12">
+              <div class="text-lg-right">
                 <b-button variant="gradido" :href="item.url" target="_blank">
                   {{ $t('auth.left.learnMore') }}
                 </b-button>
               </div>
             </b-col>
           </b-row>
-
-          {{ item.extra }}
-        </b-card-footer>
+        </b-card-body>
       </b-card>
     </div>
   </div>