diff --git a/app/Http/Controllers/HomeController.php b/app/Http/Controllers/HomeController.php
index 35caf56968..d801b623e1 100644
--- a/app/Http/Controllers/HomeController.php
+++ b/app/Http/Controllers/HomeController.php
@@ -68,7 +68,7 @@ private function getActivities(): array
     {
         $this->activity->pushCriteria(new OnlyThoseForumsWithAccess($this->auth));
         $this->activity->pushCriteria(new SkipHiddenCategories($this->userId));
-        return ActivityResource::collection($this->activity->latest(20))
+        return ActivityResource::collection($this->activity->latest(30))
             ->toArray($this->request);
     }
 
diff --git a/app/Http/Resources/ActivityResource.php b/app/Http/Resources/ActivityResource.php
index 1679bf8bf0..768e91fe35 100644
--- a/app/Http/Resources/ActivityResource.php
+++ b/app/Http/Resources/ActivityResource.php
@@ -38,6 +38,8 @@ public function toArray($request): array
             'headline'   => $this->headline(),
             'user_id'    => $this->user_id,
             'object'     => $this->objectType(),
+            'type'       => $this->objectType(),
+            'icon'       => $this->icon(),
             'user'       => ['photo' => $this->user_id ? $this->user->photo : '']
         ];
     }
@@ -47,6 +49,15 @@ private function objectType(): string
         return [Post::class => 'post', Comment::class => 'comment'][$this->content_type];
     }
 
+    private function icon(): string
+    {
+        $icons = [
+            Comment::class => 'far fa-comment',
+            Post::class    => 'fas fa-quote-right',
+        ];
+        return $icons[$this->content_type];
+    }
+
     public function headline(): string
     {
         return trans("activity.headline.{$this->objectType()}", [
diff --git a/app/Listeners/ActivitySubscriber.php b/app/Listeners/ActivitySubscriber.php
index ce104223de..1f632e113f 100644
--- a/app/Listeners/ActivitySubscriber.php
+++ b/app/Listeners/ActivitySubscriber.php
@@ -29,27 +29,34 @@ public function onPostSaved(PostSaved $event)
             'user_id'    => $event->post->user_id,
             'forum_id'   => $event->post->forum_id,
             'topic_id'   => $event->post->topic_id,
-            'excerpt'    => excerpt($event->post->html),
+            'excerpt'    => excerpt($event->post->html, 120),
             'user_name'  => $event->post->user_name
         ]);
     }
 
-    public function onPostDeleted(PostWasDeleted $event)
+    public function onPostDeleted(PostWasDeleted $event): void
     {
-        $this->activity->where('content_id', $event->post['id'])->where('content_type', Post::class)->delete();
+        $this->activity
+            ->where('content_id', $event->post['id'])
+            ->where('content_type', Post::class)
+            ->delete();
     }
 
-    public function onTopicDeleted(TopicDeleted $event)
+    public function onTopicDeleted(TopicDeleted $event): void
     {
-        $this->activity->where('topic_id', $event->topic['id'])->delete();
+        $this->activity
+            ->where('topic_id', $event->topic['id'])
+            ->delete();
     }
 
-    public function onTopicMoved(TopicMoved $event)
+    public function onTopicMoved(TopicMoved $event): void
     {
-        $this->activity->where('topic_id', $event->topic['id'])->update(['forum_id' => $event->topic['forum_id']]);
+        $this->activity
+            ->where('topic_id', $event->topic['id'])
+            ->update(['forum_id' => $event->topic['forum_id']]);
     }
 
-    public function onCommentSaved(CommentSaved $event)
+    public function onCommentSaved(CommentSaved $event): void
     {
         // post was removed?
         if (!$event->comment->post) {
@@ -67,9 +74,12 @@ public function onCommentSaved(CommentSaved $event)
         ]);
     }
 
-    public function onCommentDeleted(CommentDeleted $event)
+    public function onCommentDeleted(CommentDeleted $event): void
     {
-        $this->activity->where('content_id', $event->comment['id'])->where('content_type', Post\Comment::class)->delete();
+        $this->activity
+            ->where('content_id', $event->comment['id'])
+            ->where('content_type', Post\Comment::class)
+            ->delete();
     }
 
     public function subscribe(Dispatcher $dispatcher): void
diff --git a/app/Repositories/Contracts/ActivityRepositoryInterface.php b/app/Repositories/Contracts/ActivityRepositoryInterface.php
index 39c683e2e7..431f5e6e7b 100644
--- a/app/Repositories/Contracts/ActivityRepositoryInterface.php
+++ b/app/Repositories/Contracts/ActivityRepositoryInterface.php
@@ -1,18 +1,9 @@
 <?php
-
 namespace Coyote\Repositories\Contracts;
 
-use Coyote\Activity;
+use Illuminate\Database\Eloquent;
 
-/**
- * @method firstOrNew(array $attributes)
- * @method updateOrCreate(array $attributes, array $values = [])
- */
 interface ActivityRepositoryInterface extends RepositoryInterface
 {
-    /**
-     * @param int $limit
-     * @return Activity[]
-     */
-    public function latest(int $limit);
+    public function latest(int $limit): Eloquent\Collection;
 }
diff --git a/app/Repositories/Eloquent/ActivityRepository.php b/app/Repositories/Eloquent/ActivityRepository.php
index 25218ff68c..2f5ce19d9a 100644
--- a/app/Repositories/Eloquent/ActivityRepository.php
+++ b/app/Repositories/Eloquent/ActivityRepository.php
@@ -4,37 +4,26 @@
 
 use Coyote\Activity;
 use Coyote\Repositories\Contracts\ActivityRepositoryInterface;
+use Illuminate\Database\Eloquent;
 
 class ActivityRepository extends Repository implements ActivityRepositoryInterface
 {
-    /**
-     * @return string
-     */
-    public function model()
+    public function model(): string
     {
         return Activity::class;
     }
 
-    /**
-     * @inheritdoc
-     */
-    public function latest(int $limit)
+    public function latest(int $limit): Eloquent\Collection
     {
-        return $this->applyCriteria(function () use ($limit) {
-            return $this
-                ->model
-                ->select()
-                ->join('forums', 'forums.id', '=', 'forum_id')
-                ->with(['content', 'forum'])
-                ->with(['topic' => function ($builder) {
-                    return $builder->withTrashed();
-                }])
-                ->with(['user' => function ($builder) {
-                    return $builder->withTrashed();
-                }])
-                ->latest()
-                ->limit($limit)
-                ->get();
-        });
+        return $this->applyCriteria(fn() => $this
+            ->model
+            ->select()
+            ->join('forums', 'forums.id', '=', 'forum_id')
+            ->with(['content', 'forum'])
+            ->with(['topic' => fn($builder) => $builder->withTrashed()])
+            ->with(['user' => fn($builder) => $builder->withTrashed()])
+            ->latest()
+            ->limit($limit)
+            ->get());
     }
 }
diff --git a/resources/js/pages/homepage.js b/resources/js/pages/homepage.js
index a0b45df61f..4a0e8d61f7 100644
--- a/resources/js/pages/homepage.js
+++ b/resources/js/pages/homepage.js
@@ -1,11 +1,10 @@
-import PerfectScrollbar from 'perfect-scrollbar';
 import Vue from "vue";
 import VueNotifications from "vue-notification";
 import VueMicroblog from "../components/microblog/microblog";
 import store from "../store";
 import {mapGetters} from "vuex";
 import axios from 'axios';
-import { default as LiveMixin } from './microblog/live';
+import {default as LiveMixin} from './microblog/live';
 import VueModals from "@/plugins/modals";
 import VuePaste from '@/plugins/paste';
 
@@ -39,8 +38,6 @@ function switchReputationTab(index) {
 }
 
 (function () {
-    new PerfectScrollbar(document.getElementById('stream'));
-
     let tabs = document.querySelectorAll('#forum-tabs .nav-link');
 
     for (let i = 0; i < tabs.length; i++) {
diff --git a/resources/lang/pl/activity.php b/resources/lang/pl/activity.php
index 78e7019d05..9c39a2a0e1 100644
--- a/resources/lang/pl/activity.php
+++ b/resources/lang/pl/activity.php
@@ -2,7 +2,7 @@
 
 return [
     'headline' => [
-        'post' => ':user dodał post w :topic',
-        'comment' => ':user dodał komentarz w :topic',
+        'post'    => ':user dodał <b>post</b> w :topic',
+        'comment' => ':user dodał <b>komentarz</b> w :topic',
     ]
 ];
diff --git a/resources/sass/helpers/_sprites.scss b/resources/sass/helpers/_sprites.scss
index 25d1b144aa..417981b05e 100644
--- a/resources/sass/helpers/_sprites.scss
+++ b/resources/sass/helpers/_sprites.scss
@@ -1,16 +1,16 @@
 $sprites: (
-    'logo-php': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-php-fragment",
-    'logo-java': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-java-fragment",
-    'logo-javascript': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-javascript-fragment",
-    'logo-cpp': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-cpp-fragment",
-    'logo-csharp': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-csharp-fragment",
-    'logo-css': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-css-fragment",
-    'logo-android': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-android-fragment",
-    'logo-lazarus': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-lazarus-fragment",
-    'logo-postgresql': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-postgresql-fragment",
-    'logo-rust': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-rust-fragment",
-    'logo-go': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-go-fragment",
-    'logo-unity': "/img/sprites-4c0d3e0f0fbb5883.svg#sprite-logo-unity-fragment"
+    'logo-php': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-php-fragment",
+    'logo-java': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-java-fragment",
+    'logo-javascript': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-javascript-fragment",
+    'logo-cpp': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-cpp-fragment",
+    'logo-csharp': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-csharp-fragment",
+    'logo-css': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-css-fragment",
+    'logo-android': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-android-fragment",
+    'logo-lazarus': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-lazarus-fragment",
+    'logo-postgresql': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-postgresql-fragment",
+    'logo-rust': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-rust-fragment",
+    'logo-go': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-go-fragment",
+    'logo-unity': "/img/sprites-3e9aacb8140a6312.svg#sprite-logo-unity-fragment"
 );
 
 $sizes: (
diff --git a/resources/sass/pages/_homepage.scss b/resources/sass/pages/_homepage.scss
index e53ce0d314..24d0ad3d17 100644
--- a/resources/sass/pages/_homepage.scss
+++ b/resources/sass/pages/_homepage.scss
@@ -40,26 +40,9 @@
 }
 
 #box-forum {
-  #stream-wrapper {
-    background: url('/img/stream-last-feed.png') no-repeat;
-    padding-top: 25px;
-    padding-left: 2px;
-
-    @include media-breakpoint-down(lg) {
-      margin-top: 20px;
-      background-position-x: 10px;
-      padding-left: 15px;
-    }
-  }
-
-  #stream {
-    height: 365px;
-    position: relative;
-    overflow: hidden;
-
-    @include media-breakpoint-down(sm) {
-      padding-left: 15px;
-    }
+  > h2 {
+    color: $box-header-color;
+    font-size: 110%;
   }
 
   #box-forum-headline {
@@ -105,8 +88,15 @@
       font-size: 10px;
     }
   }
+}
+
+#timeline {
+  > h2 {
+    color: $box-header-color;
+    font-size: 110%;
+  }
 
-  .overview {
+  .activities {
     border-left: 1px solid $card-border-color;
     margin: 10px 0 0 10px;
 
@@ -114,88 +104,123 @@
       border-left: none;
       margin-left: 0;
     }
-  }
 
-  .media {
-    padding: 0 0 0 20px;
-    font-size: 11px;
-    position: relative;
-    overflow: visible;
+    .activity {
+      padding: 0 0 0 20px;
+      font-size: 11px;
+      position: relative;
 
-    &:not(:first-child) {
-      margin-top: 15px;
-    }
+      &:not(:first-child) {
+        margin-top: 15px;
+      }
 
-    span {
-      box-shadow: 0 1px 2px #CCC;
-      border-radius: 50%;
-      border: 1px solid $card-border-color;
-      background: #fff;
-      position: absolute;
-      width: 20px;
-      height: 20px;
-      left: -11px;
-      top: 8px;
-
-      &:after {
-        font-family: 'Font Awesome 5 Free';
-        display: block;
-        margin-top: 1px;
-        text-align: center;
-        color: $gray-light;
+      @include media-breakpoint-down(sm) {
+        padding: 0;
       }
 
-      &::selection {
-        text-shadow: none;
+      span.icon {
+        display: none;
+        @extend .d-sm-block;
+        box-shadow: 0 1px 2px #CCC;
+        border-radius: 50%;
+        border: 1px solid $card-border-color;
+        background: #fff;
+        position: absolute;
+        width: 20px;
+        height: 20px;
+        left: -11px;
+        z-index: 1;
+
+        &.post {
+          top: 10px;
+        }
+
+        &.comment {
+          top: 5px;
+        }
+
+        i {
+          display: none;
+          @extend .d-sm-block;
+          text-align: center;
+          margin-top: 1px;
+          line-height: 18px;
+          color: $gray-light;
+        }
+
+        &::selection {
+          text-shadow: none;
+        }
       }
-    }
 
-    span.microblog:after {
-      content: fa-content($fa-var-male);
-    }
+      .item {
+        display: flex;
+        flex-direction: column;
+        word-wrap: break-word;
+        background-color: white;
+        border: 1px solid #ddd;
+        border-radius: 0.25rem;
+        padding: 0;
+        
+        @extend .col-md-12;
+        @extend .col-lg-10;
+
+        &.post {
+          margin-bottom: 18px;
+        }
+        
+        &.comment {
+          margin-bottom: 14px;
+          background-color: transparent;
+          border: none;
+          padding: 0;
+          
+          @extend .col-sm-10;
+          @extend .ml-1;
+        }
 
-    span.comment:after {
-      content: fa-content($fa-var-comments);
-    }
+        .body {
+          display: flex;
+
+          a img.user-avatar {
+            border: 1px solid #d0d0d0;
+            box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
+            width: 38px;
+            height: 38px;
+            background: #fff;
+            padding: 2px;
+            border-radius: 3px;
+          }
+          
+          small {
+            color: #7d7d7d;
+          }
+        }
 
-    span.topic:after {
-      content: fa-content($fa-var-file);
-      font-weight: 400;
-    }
+        &.post .body {
+          @extend .p-2;
+        }
 
-    span.post:after {
-      content: fa-content($fa-var-file-alt);
-    }
+        &.comment .body {
+          padding: 0;
+        }
 
-    @include media-breakpoint-down(sm) {
-      padding: 0;
-    }
-  }
+        > p {
+          font-family: "Open Sans", sans-serif;
+        }
 
-  .media-body {
-    p {
-      margin: 0;
-      @include text-truncate();
-    }
+        &.post > p {
+          margin: 0 10px 5px;
+        }
 
-    strong {
-      font-weight: normal;
-      border-left: 1px solid $card-border-color;
-      padding: 0 0 0 10px;
-      margin: 10px 0 0 1px;
-      display: block;
-      font-family: "Open Sans", sans-serif;
+        &.comment > p {
+          margin: 0 3rem;
+          border-left: 1px solid $card-border-color;
+          padding: 0 0 0 10px;
+        }
+      }
     }
   }
-
-  .media-object {
-    border: 1px solid #d0d0d0;
-    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
-    width: 32px;
-    background: #fff;
-    padding: 2px;
-    border-radius: 3px;
-  }
 }
 
 .patronage-body {
diff --git a/resources/sass/vendor/_font-awesome.scss b/resources/sass/vendor/_font-awesome.scss
index ca836ee833..3e8a2f09d4 100644
--- a/resources/sass/vendor/_font-awesome.scss
+++ b/resources/sass/vendor/_font-awesome.scss
@@ -3,7 +3,7 @@
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
  */
 
-$fa-font-path:        "/fonts/font-awesome" !default;
+$fa-font-path: "/fonts/font-awesome" !default;
 
 @import "~@fortawesome/fontawesome-free/scss/fontawesome";
 @import "~@fortawesome/fontawesome-free/scss/solid";
diff --git a/resources/views/home.twig b/resources/views/home.twig
index b361b74656..36704e01a8 100644
--- a/resources/views/home.twig
+++ b/resources/views/home.twig
@@ -20,22 +20,27 @@
     </div>
   </div>
   <div class="row mt-4">
-    <div class="col-12">
-      <div class="box">
-        <h2 class="h4"><i class="fas fa-star fa-fw"></i> Co nowego na forum?</h2>
-      </div>
-    </div>
-  </div>
-  <div class="row">
     <main class="col-md-8">
       <section id="box-forum" class="box">
+        <h2 class="h4">
+          <i class="fas fa-star fa-fw"></i>
+          Co nowego na forum?
+        </h2>
         <div class="card card-forum">
           <div class="card-body">
             <div class="row">
               <div class="col-lg-6">
                 <ul id="forum-tabs" class="nav nav-pills">
-                  <li class="nav-item"><a class="nav-link {{ settings['homepage.mode'] == 0 ? 'active' }}" title="Zobacz najciekawsze wątki na forum" href="#interesting" role="tab" data-bs-toggle="tab">Najciekawsze</a></li>
-                  <li class="nav-item"><a class="nav-link {{ settings['homepage.mode'] == 1 ? 'active' }}" title="Lista najnowszych wątków na forum" href="#newest" role="tab" data-bs-toggle="tab">Nowe wątki</a></li>
+                  <li class="nav-item">
+                    <a class="nav-link" title="Zobacz najciekawsze wątki na forum">
+                      Najciekawsze
+                    </a>
+                  </li>
+                  <li class="nav-item">
+                    <a class="nav-link" title="Lista najnowszych wątków na forum">
+                      Nowe wątki
+                    </a>
+                  </li>
                 </ul>
 
                 <div id="box-forum-headline">
@@ -44,12 +49,13 @@
                       {% for topic in interesting %}
                         <div class="row">
                           <span class="col-sm-2 d-none d-sm-block">
-                              <strong class="text-nowrap">{{ topic.views }}</strong>
-                              <small class="text-nowrap">{{ declination(topic.views, ['wyświetlenie', 'wyświetlenia', 'wyświetleń'], true) }}</small>
+                            <strong class="text-nowrap">{{ topic.views }}</strong>
+                            <small class="text-nowrap">{{ declination(topic.views, ['wyświetlenie', 'wyświetlenia', 'wyświetleń'], true) }}</small>
                           </span>
 
                           <div class="col-sm-10 col-12">
-                            <a title="[{{ topic.last_post_created_at|format_date }}] {{ topic.title }}" href="{{ route('forum.topic', [topic.forum_slug, topic.id, topic.slug]) }}" class="title">{{ topic.title }}</a>
+                            <a title="[{{ topic.last_post_created_at|format_date }}] {{ topic.title }}" href="{{ route('forum.topic', [topic.forum_slug, topic.id, topic.slug]) }}"
+                               class="title">{{ topic.title }}</a>
                             <a href="{{ route('forum.category', [topic.forum_slug]) }}" class="category">{{ topic.forum }}</a>
                             <small class="float-right">{{ topic.last_post_created_at|format_date }}</small>
                           </div>
@@ -61,12 +67,13 @@
                       {% for topic in newest %}
                         <div class="row">
                           <span class="col-sm-2 d-none d-sm-block">
-                              <strong class="text-nowrap">{{ topic.views }}</strong>
-                              <small class="text-nowrap">{{ declination(topic.views, ['wyświetlenie', 'wyświetlenia', 'wyświetleń'], true) }}</small>
+                            <strong class="text-nowrap">{{ topic.views }}</strong>
+                            <small class="text-nowrap">{{ declination(topic.views, ['wyświetlenie', 'wyświetlenia', 'wyświetleń'], true) }}</small>
                           </span>
 
                           <div class="col-sm-10 col-12">
-                            <a title="[{{ topic.last_post_created_at|format_date }}] {{ topic.title }}" href="{{ route('forum.topic', [topic.forum_slug, topic.id, topic.slug]) }}" class="title">{{ topic.title }}</a>
+                            <a title="[{{ topic.last_post_created_at|format_date }}] {{ topic.title }}" href="{{ route('forum.topic', [topic.forum_slug, topic.id, topic.slug]) }}"
+                               class="title">{{ topic.title }}</a>
                             <a href="{{ route('forum.category', [topic.forum_slug]) }}" class="category">{{ topic.forum }}</a>
                             <small class="float-right">{{ topic.last_post_created_at|format_date }}</small>
                           </div>
@@ -76,52 +83,55 @@
                   </div>
                 </div>
               </div>
+            </div>
+          </div>
+        </div>
+      </section>
 
-              <div id="stream-wrapper" class="col-lg-6">
-                <div id="stream">
-                  <div class="overview">
-                    {% for activity in activities %}
-                      <div class="media">
-                        <span class="{{ activity.object }} d-none d-sm-block" title="{{ activity.headline|striptags|unescape }}"></span>
-
-                        <div class="d-none d-sm-block mr-2">
-                          <a href="{{ route('profile', [activity.user_id]) }}">
-                            <img class="media-object" src="{{ user_photo(activity.user.photo) }}" style="width: 38px; height: 38px;" alt="activity.user.name">
-                          </a>
-                        </div>
-                        <div class="media-body">
-                          <p>{{ activity.headline|raw }}</p>
-                          <small>{{ activity.created_at|format_date }}</small>
-
-                          <strong>{{ activity.excerpt }}</strong>
-                        </div>
-                      </div>
-                    {% endfor %}
+      <section id="timeline">
+        <h2>
+          <i class="fas fa-stream fa-fw"></i>
+          Oś czasu
+        </h2>
+        <div>
+          <div class="activities">
+            {% for activity in activities %}
+              <div class="activity">
+                <span class="icon {{ activity.type }}" title="{{ activity.headline|striptags|unescape }}">
+                  <i class="{{ activity.icon }}"></i>
+                </span>
+                <div class="item {{ activity.type }}">
+                  <div class="body">
+                    <div class="d-none d-sm-block mr-2">
+                      <a href="{{ route('profile', [activity.user_id]) }}">
+                        <img
+                            class="user-avatar"
+                            src="{{ user_photo(activity.user.photo) }}"
+                            alt="activity.user.name"/>
+                      </a>
+                    </div>
+                    <div>
+                      <p class="m-0">{{ activity.headline|raw }}</p>
+                      <small>{{ activity.created_at|format_date }}</small>
+                    </div>
                   </div>
+                  <p>{{ activity.excerpt }}</p>
                 </div>
               </div>
-            </div>
+            {% endfor %}
           </div>
-
         </div>
       </section>
-
-      <section id="js-microblog" class="box">
-        <h4><i class="far fa-comments fa-fw"></i> <a href="{{ route('microblog.home') }}">Popularne wpisy na mikroblogu</a></h4>
-
-        <vue-microblog v-for="microblog in microblogs" :key="microblog.id" :microblog="microblog" :wrap="true"></vue-microblog>
-
-        <vue-notifications position="bottom right" />
-      </section>
     </main>
 
     <aside class="col-md-4">
       {{ render_block('job_ads') }}
-
       {{ viewers|raw }}
-
       <section class="box mt-2">
-        <h4><i class="fas fa-star fa-fw"></i> Reputacja użytkowników</h4>
+        <h4>
+          <i class="fas fa-star fa-fw"></i>
+          Reputacja użytkowników
+        </h4>
 
         <div id="reputation-tabs" class="nav nav-panel">
           <a role="tab" data-bs-toggle="tab" href="#month" class="nav-item {{ settings['homepage.reputation'] == 0 ? 'active' }}"><span>W tym miesiącu</span></a>
@@ -148,10 +158,19 @@
                     </span>
 
                     <div class="progress">
-                      <div class="progress-bar" role="progressbar" aria-valuenow="{{ item.percentage|round }}" aria-valuemin="0" aria-valuemax="100" style="width: {{ item.percentage|round }}%;"></div>
+                      <div class="progress-bar"
+                           role="progressbar"
+                           aria-valuenow="{{ item.percentage|round }}"
+                           aria-valuemin="0"
+                           aria-valuemax="100"
+                           style="width: {{ item.percentage|round }}%;">
+
+                      </div>
 
                       <span class="rep">
-                        <strong>{{ item.reputation|number_format(0, '', ' ') }}</strong> 
+                        <strong>
+                          {{ item.reputation|number_format(0, '', ' ') }}
+                        </strong>
                         <small>
                           {{ declination(user.reputation, ['punkt', 'punkty', 'punktów'], true) }}
                         </small>
@@ -176,7 +195,7 @@
   </div>
 
   <script type="text/javascript">
-    var microblogs = {{ microblogs|json_encode|raw }};
-    var flags = {{ flags|json_encode|raw }};
+      var microblogs = {{ microblogs|json_encode|raw }};
+      var flags = {{ flags|json_encode|raw }};
   </script>
 {% endblock %}