Create partial for showing a tag
ADD
resources/views/partials/tag.blade.php
+<span style="border-radius: 5px; background: #DEEAFE; color: #618DD7; padding: 5px 10px; font-size: 14px; font-weight: 600;"><i class="fas fa-tag fa-xs"></i> {{ $payload->name }}</span>

MODIFY
resources/views/recurrings/index.blade.php
resources/views/recurrings/index.blade.php
</div>
<div class="row__column row__column--middle">
@if ($recurring->tag)
- <span style="border-radius: 5px; background: #DEEAFE; color: #618DD7; padding: 5px 10px; font-size: 14px; font-weight: 600;"><i class="fas fa-tag fa-xs"></i> {{ $recurring->tag->name }}</span>
+ @include('partials.tag', ['payload' => $recurring->tag])
@endif
</div>
</div>

MODIFY
resources/views/recurrings/show.blade.php
resources/views/recurrings/show.blade.php
</div>
@if ($recurring->tag)
<div class="row__column row__column--compact ml-1">
- <span style="border-radius: 5px; background: #DEEAFE; color: #618DD7; padding: 5px 10px; font-size: 14px; font-weight: 600;"><i class="fas fa-tag fa-xs"></i> {{ $recurring->tag->name }}</span>
+ @include('partials.tag', ['payload' => $recurring->tag])
</div>
@endif
</div>

MODIFY
resources/views/spendings/index.blade.php
resources/views/spendings/index.blade.php
</div>
<div class="row__column row__column--middle">
@if ($spending->tag)
- <div style="
- display: inline-block;
- padding: 5px 10px;
- text-transform: uppercase;
- font-size: 12px;
- font-weight: bolder;
- bolder; color: #FFF;
- background: #333;
- border-radius: 5px;
- ">{{ $spending->tag->name }}</div>
+ @include('partials.tag', ['payload' => $spending->tag])
@endif
</div>
<div class="row__column row__column--middle text-right" style="color: red;">&euro; {{ $spending->formatted_amount }}</div>

Create partial for showing a tag