diff --git a/resources/views/widgets/cash_flow.blade.php b/resources/views/widgets/cash_flow.blade.php
index 80c4e0791..44938413e 100644
--- a/resources/views/widgets/cash_flow.blade.php
+++ b/resources/views/widgets/cash_flow.blade.php
@@ -6,8 +6,8 @@
             {!! $chart->container() !!}
         </div>
 
-        <div class="w-96 lg:w-1/12 flex flex-row lg:flex-col items-center justify-around sm:justify-start lg:mt-11 space-y-0 sm:space-y-2">
-            <div class="relative flex flex-col items-center sm:justify-between text-center">
+        <div class="w-full lg:w-1/12 flex flex-row lg:flex-col items-center justify-around sm:justify-start lg:mt-11 space-y-0 sm:space-y-2">
+            <div class="relative w-32 lg:w-auto flex flex-col items-center sm:justify-between text-center">
                 <div class="flex justify-end lg:block text-lg">
                     <x-tooltip id="tooltip-cashflow-incoming" placement="top" message="{{ $totals['incoming_exact'] }}">
                         {{ $totals['incoming_for_humans'] }}
@@ -18,10 +18,10 @@
                     {{ trans('general.incoming') }}
                 </span>
 
-                <span class="absolute lg:relative material-icons mt-2 -right-12 lg:right-0">remove</span>
+                <span class="absolute lg:relative hidden lg:block material-icons mt-2 -right-12 lg:right-0">remove</span>
             </div>
 
-            <div class="relative flex flex-col items-center sm:justify-between">
+            <div class="relative w-32 lg:w-auto flex flex-col items-center sm:justify-between">
                 <div class="flex justify-end lg:block text-lg">
                     <x-tooltip id="tooltip-cashflow-outgoing" placement="top" message="{{ $totals['outgoing_exact'] }}">
                         {{ $totals['outgoing_for_humans'] }}
@@ -32,10 +32,10 @@
                     {{ trans('general.outgoing') }}
                 </span>
 
-                <span class="absolute lg:relative material-icons mt-2 -right-12 lg:right-0">drag_handle</span>
+                <span class="absolute lg:relative hidden lg:block material-icons mt-2 -right-12 lg:right-0">drag_handle</span>
             </div>
 
-            <div class="relative flex flex-col items-center sm:justify-between">
+            <div class="relative w-32 lg:w-auto flex flex-col items-center sm:justify-between">
                 <div class="flex justify-end lg:block text-lg">
                     <x-tooltip id="tooltip-cashflow-profit" placement="top" message="{{ $totals['profit_exact'] }}">
                         {{ $totals['profit_for_humans'] }}