diff --git a/app/Http/Controllers/Settings/GeneralController.php b/app/Http/Controllers/Settings/GeneralController.php
index 10a9c75..e6d56ea 100644
--- a/app/Http/Controllers/Settings/GeneralController.php
+++ b/app/Http/Controllers/Settings/GeneralController.php
@@ -10,6 +10,7 @@
 use App\Http\Requests\UpdateGeneralSettingsRequest;
 use App\Http\Requests\UpdateLocaleRequest;
 use App\Jobs\CalculateWeekBalance;
+use App\Services\TimeFormatService;
 use App\Settings\GeneralSettings;
 use App\Settings\ProjectSettings;
 use DateTimeZone;
@@ -38,6 +39,7 @@ public function edit(GeneralSettings $settings)
             'timezones' => DateTimeZone::listIdentifiers(),
             'timezone' => $settings->timezone,
             'defaultOverview' => $settings->default_overview,
+            'timeDisplayFormat' => $settings->time_display_format ?? TimeFormatService::CLOCK,
         ]);
     }
 
@@ -53,6 +55,7 @@ public function update(UpdateGeneralSettingsRequest $request, GeneralSettings $s
         $settings->appActivityTracking = $data['appActivityTracking'];
         $settings->timezone = $data['timezone'];
         $settings->default_overview = $data['default_overview'] ?? 'week';
+        $settings->time_display_format = $data['time_display_format'] ?? TimeFormatService::CLOCK;
 
         if ($data['theme'] !== $settings->theme ?? SystemThemesEnum::SYSTEM->value) {
             $settings->theme = $data['theme'];
diff --git a/app/Http/Middleware/HandleInertiaRequests.php b/app/Http/Middleware/HandleInertiaRequests.php
index 525dd8e..288c9d3 100644
--- a/app/Http/Middleware/HandleInertiaRequests.php
+++ b/app/Http/Middleware/HandleInertiaRequests.php
@@ -4,6 +4,7 @@
 
 namespace App\Http\Middleware;
 
+use App\Services\TimeFormatService;
 use App\Services\TimestampService;
 use App\Settings\GeneralSettings;
 use Illuminate\Http\Request;
@@ -42,6 +43,7 @@ public function share(Request $request): array
             'js_locale' => str_replace('_', '-', $settings->locale ?? config('app.fallback_locale')),
             'locale' => $settings->locale ?? config('app.fallback_locale'),
             'timezone' => $settings->timezone ?? config('app.timezone'),
+            'time_display_format' => $settings->time_display_format ?? TimeFormatService::CLOCK,
             'app_version' => config('nativephp.version'),
             'date' => now()->format('Y-m-d'),
             'recording' => (bool) TimestampService::getCurrentType(),
diff --git a/app/Http/Requests/UpdateGeneralSettingsRequest.php b/app/Http/Requests/UpdateGeneralSettingsRequest.php
index 71cc80d..d8876e5 100644
--- a/app/Http/Requests/UpdateGeneralSettingsRequest.php
+++ b/app/Http/Requests/UpdateGeneralSettingsRequest.php
@@ -4,6 +4,7 @@
 
 namespace App\Http\Requests;
 
+use App\Services\TimeFormatService;
 use Illuminate\Contracts\Validation\ValidationRule;
 use Illuminate\Foundation\Http\FormRequest;
 use Illuminate\Validation\Rule;
@@ -35,6 +36,7 @@ public function rules(): array
             'appActivityTracking' => ['required', 'boolean'],
             'timezone' => ['required', 'string', 'timezone'],
             'default_overview' => ['required', Rule::in(['day', 'week', 'month', 'year'])],
+            'time_display_format' => ['required', Rule::in([TimeFormatService::CLOCK, TimeFormatService::DECIMAL])],
         ];
     }
 }
diff --git a/app/Jobs/MenubarRefresh.php b/app/Jobs/MenubarRefresh.php
index 0fbc384..3ca1976 100644
--- a/app/Jobs/MenubarRefresh.php
+++ b/app/Jobs/MenubarRefresh.php
@@ -6,8 +6,10 @@
 
 use App\Enums\TimestampTypeEnum;
 use App\Services\LocaleService;
+use App\Services\TimeFormatService;
 use App\Services\TimestampService;
 use App\Services\TrayIconService;
+use App\Settings\GeneralSettings;
 use Illuminate\Contracts\Queue\ShouldQueue;
 use Illuminate\Foundation\Queue\Queueable;
 use Native\Desktop\Facades\MenuBar;
@@ -23,6 +25,7 @@ public function handle(): void
     {
         try {
             new LocaleService;
+            $settings = resolve(GeneralSettings::class);
             $currentType = TimestampService::getCurrentType();
 
             if ($currentType === TimestampTypeEnum::WORK) {
@@ -39,8 +42,10 @@ public function handle(): void
                 return;
             }
 
-            MenuBar::tooltip(gmdate('G:i', (int) $time));
-            MenuBar::label(gmdate('G:i', (int) $time));
+            $formattedTime = TimeFormatService::formatDuration($time, $settings->time_display_format ?? TimeFormatService::CLOCK);
+
+            MenuBar::tooltip($formattedTime);
+            MenuBar::label($formattedTime);
         } catch (\Throwable) {
             return;
         }
diff --git a/app/Services/TimeFormatService.php b/app/Services/TimeFormatService.php
new file mode 100644
index 0000000..9850a5c
--- /dev/null
+++ b/app/Services/TimeFormatService.php
@@ -0,0 +1,52 @@
+<?php
+
+declare(strict_types=1);
+
+namespace App\Services;
+
+class TimeFormatService
+{
+    public const string CLOCK = 'clock';
+
+    public const string DECIMAL = 'decimal';
+
+    public static function formatDuration(int|float $seconds, string $format = self::CLOCK): string
+    {
+        if ($format === self::DECIMAL) {
+            return number_format($seconds / 3600, 2, '.', '');
+        }
+
+        return gmdate('G:i', (int) $seconds);
+    }
+
+    public static function unitTranslationKey(int|float $seconds, string $format = self::CLOCK): string
+    {
+        if ($format === self::DECIMAL) {
+            return 'h';
+        }
+
+        return abs($seconds) >= 3600 ? 'h' : 'min';
+    }
+
+    public static function formatDurationWithUnit(int|float $seconds, string $format = self::CLOCK): string
+    {
+        $unit = self::unitTranslationKey($seconds, $format);
+
+        if (app()->bound('translator')) {
+            $unit = trans('app.'.$unit);
+        }
+
+        $formattedDuration = self::formatDuration($seconds, $format);
+
+        if ($format === self::CLOCK && abs($seconds) < 3600) {
+            $minutes = (int) floor(abs($seconds) / 60);
+            $formattedDuration = ($seconds < 0 ? '-' : '').$minutes;
+        }
+
+        return sprintf(
+            '%s %s',
+            $formattedDuration,
+            $unit
+        );
+    }
+}
diff --git a/app/Settings/GeneralSettings.php b/app/Settings/GeneralSettings.php
index 59d6dff..937dd72 100644
--- a/app/Settings/GeneralSettings.php
+++ b/app/Settings/GeneralSettings.php
@@ -34,6 +34,8 @@ class GeneralSettings extends Settings
 
     public string $default_overview = 'week';
 
+    public string $time_display_format = 'clock';
+
     public static function group(): string
     {
         return 'general';
diff --git a/database/settings/2026_04_11_195700_add_time_display_format_to_general_settings.php b/database/settings/2026_04_11_195700_add_time_display_format_to_general_settings.php
new file mode 100644
index 0000000..0720f67
--- /dev/null
+++ b/database/settings/2026_04_11_195700_add_time_display_format_to_general_settings.php
@@ -0,0 +1,18 @@
+<?php
+
+declare(strict_types=1);
+
+use Spatie\LaravelSettings\Migrations\SettingsMigration;
+
+return new class extends SettingsMigration
+{
+    public function up(): void
+    {
+        $this->migrator->add('general.time_display_format', 'clock');
+    }
+
+    public function down(): void
+    {
+        $this->migrator->delete('general.time_display_format');
+    }
+};
diff --git a/lang/da/app.php b/lang/da/app.php
index 3a204a3..422d523 100644
--- a/lang/da/app.php
+++ b/lang/da/app.php
@@ -54,9 +54,11 @@
     'chinese' => 'Kinesisk',
     'choose how fractional days are rounded.' => 'Vælg, hvordan brøkdelsdage rundes.',
     'choose the appearance of the application.' => 'Vælg applikationens udseende.',
+    'choose how durations are shown' => 'Vælg, hvordan varigheder vises.',
     'choose whether to show vacation steps' => 'Vælg, om ferietrin skal vises.',
     'choose your mode' => 'Vælg din tilstand.',
     'click "export" at the top of the table and choose "save as csv".' => 'Klik på "Eksporter" øverst i tabellen og vælg "Gem som CSV".',
+    'clock (7:30)' => 'Klokkeslæt (7:30)',
     'close' => 'Luk',
     'color' => 'Farve',
     'confirm' => 'Bekræft',
@@ -89,6 +91,7 @@
     'day' => 'Dag',
     'day equivalent' => 'Dagsækvivalent',
     'days' => 'Dage',
+    'decimal hours (7.50)' => 'Decimaltimer (7.50)',
     'default annual entitlement' => 'Standard årlig tildeling',
     'default overview' => 'Standardoversigt',
     'default: :value days' => 'Standard: :value dage',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => 'Denne genvej understøttes ikke.',
     'time' => 'Tid',
     'time balance' => 'Tidssaldo',
+    'time display' => 'Tidsvisning',
     'time span' => 'Tidsperiode',
     'timezone' => 'Tidszone',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => 'For at importere data fra Clockify skal du først eksportere dem. Følg blot de trinvise instruktioner nedenfor.',
diff --git a/lang/de/app.php b/lang/de/app.php
index 9fd000e..4487cd4 100644
--- a/lang/de/app.php
+++ b/lang/de/app.php
@@ -54,9 +54,11 @@
     'chinese' => 'Chinesisch',
     'choose how fractional days are rounded.' => 'Legt fest, in welchen Abstufungen Urlaubstage gerundet werden.',
     'choose the appearance of the application.' => 'Wähle das Erscheinungsbild der Anwendung.',
+    'choose how durations are shown' => 'Wähle, wie Zeitdauern angezeigt werden.',
     'choose whether to show vacation steps' => 'Wähle, ob wir Urlaubsschritte zeigen sollen.',
     'choose your mode' => 'Wähle deinen Modus.',
     'click "export" at the top of the table and choose "save as csv".' => 'Klicken Sie oben in der Tabelle auf „Export“ und wählen Sie „Als CSV speichern“.',
+    'clock (7:30)' => 'Uhrzeit (7:30)',
     'close' => 'Schließen',
     'color' => 'Farbe',
     'confirm' => 'Bestätigen',
@@ -89,6 +91,7 @@
     'day' => 'Tag',
     'day equivalent' => 'Tagesäquivalent',
     'days' => 'Tage',
+    'decimal hours (7.50)' => 'Dezimalstunden (7.50)',
     'default annual entitlement' => 'Standardjahreskontingent',
     'default overview' => 'Standard-Übersicht',
     'default: :value days' => 'Standardwert: :value Tage',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => 'Diese Tastenkombination wird nicht unterstützt.',
     'time' => 'Uhrzeit',
     'time balance' => 'Arbeitszeitbilanz',
+    'time display' => 'Zeitanzeige',
     'time span' => 'Zeitspanne',
     'timezone' => 'Zeitzone',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => 'Um Daten aus Clockify zu importieren, müssen Sie diese zunächst exportieren. Folgen Sie einfach der nachfolgenden Schritt-für-Schritt-Anleitung.',
diff --git a/lang/en/app.php b/lang/en/app.php
index c46efd6..2e9c640 100644
--- a/lang/en/app.php
+++ b/lang/en/app.php
@@ -54,9 +54,11 @@
     'chinese' => 'Chinese',
     'choose how fractional days are rounded.' => 'Choose how fractional days are rounded.',
     'choose the appearance of the application.' => 'Choose the appearance of the application.',
+    'choose how durations are shown' => 'Choose how durations are shown.',
     'choose whether to show vacation steps' => 'Choose whether to show vacation steps.',
     'choose your mode' => 'Choose your mode.',
     'click "export" at the top of the table and choose "save as csv".' => 'Click "Export" at the top of the table and choose "Save as CSV".',
+    'clock (7:30)' => 'Clock (7:30)',
     'close' => 'Close',
     'color' => 'Color',
     'confirm' => 'Confirm',
@@ -89,6 +91,7 @@
     'day' => 'Day',
     'day equivalent' => 'Day equivalent',
     'days' => 'Days',
+    'decimal hours (7.50)' => 'Decimal hours (7.50)',
     'default annual entitlement' => 'Default annual entitlement',
     'default overview' => 'Default overview',
     'default: :value days' => 'Default: :value days',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => 'This shortcut is not supported.',
     'time' => 'Time',
     'time balance' => 'Time Balance',
+    'time display' => 'Time display',
     'time span' => 'Time span',
     'timezone' => 'Timezone',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => 'To import data from Clockify, you must first export it. Simply follow the step-by-step instructions below.',
diff --git a/lang/fr/app.php b/lang/fr/app.php
index 7f48c87..d10bfdb 100644
--- a/lang/fr/app.php
+++ b/lang/fr/app.php
@@ -54,9 +54,11 @@
     'chinese' => 'Chinois',
     'choose how fractional days are rounded.' => 'Détermine comment les fractions de journée sont arrondies.',
     'choose the appearance of the application.' => 'Choisissez l\'apparence de l\'application.',
+    'choose how durations are shown' => 'Choisissez comment les durées sont affichées.',
     'choose whether to show vacation steps' => 'Choisissez si nous devons afficher les étapes de congés.',
     'choose your mode' => 'Choisissez votre mode.',
     'click "export" at the top of the table and choose "save as csv".' => 'Cliquez sur "Exporter" en haut du tableau et choisissez "Enregistrer en CSV".',
+    'clock (7:30)' => 'Horloge (7:30)',
     'close' => 'Fermer',
     'color' => 'Couleur',
     'confirm' => 'Confirmer',
@@ -89,6 +91,7 @@
     'day' => 'Jour',
     'day equivalent' => 'Équivalent jour',
     'days' => 'Jours',
+    'decimal hours (7.50)' => 'Heures décimales (7.50)',
     'default annual entitlement' => 'Quota annuel par défaut',
     'default overview' => 'Vue par défaut',
     'default: :value days' => 'Valeur par défaut : :value jours',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => 'Ce raccourci n’est pas pris en charge.',
     'time' => 'Temps',
     'time balance' => 'Solde du temps',
+    'time display' => 'Affichage du temps',
     'time span' => 'Plage horaire',
     'timezone' => 'Fuseau horaire',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => 'Pour importer des données depuis Clockify, vous devez d\'abord les exporter. Suivez simplement les instructions ci-dessous.',
diff --git a/lang/it/app.php b/lang/it/app.php
index 89e4feb..67fcd9f 100644
--- a/lang/it/app.php
+++ b/lang/it/app.php
@@ -54,9 +54,11 @@
     'chinese' => 'Cinese',
     'choose how fractional days are rounded.' => 'Scegli come arrotondare i giorni frazionari.',
     'choose the appearance of the application.' => 'Scegli l\'aspetto dell\'applicazione.',
+    'choose how durations are shown' => 'Scegli come vengono mostrate le durate.',
     'choose whether to show vacation steps' => 'Scegli se mostrare i passaggi per le ferie.',
     'choose your mode' => 'Scegli la tua modalità.',
     'click "export" at the top of the table and choose "save as csv".' => 'Clicca "Esporta" in cima alla tabella e scegli "Salva come CSV".',
+    'clock (7:30)' => 'Orario (7:30)',
     'close' => 'Chiudi',
     'color' => 'Colore',
     'confirm' => 'Conferma',
@@ -89,6 +91,7 @@
     'day' => 'Giorno',
     'day equivalent' => 'Equivalente giorno',
     'days' => 'Giorni',
+    'decimal hours (7.50)' => 'Ore decimali (7.50)',
     'default annual entitlement' => 'Maturazione annuale predefinita',
     'default overview' => 'Panoramica predefinita',
     'default: :value days' => 'Predefinito: :value giorni',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => 'Questa scorciatoia non è supportata.',
     'time' => 'Tempo',
     'time balance' => 'Saldo ore',
+    'time display' => 'Formato orario',
     'time span' => 'Intervallo di tempo',
     'timezone' => 'Fuso orario',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => 'Per importare dati da Clockify, devi prima esportarli. Segui semplicemente le istruzioni passo-passo qui sotto.',
diff --git a/lang/pt_BR/app.php b/lang/pt_BR/app.php
index d907a76..215b826 100644
--- a/lang/pt_BR/app.php
+++ b/lang/pt_BR/app.php
@@ -54,9 +54,11 @@
     'chinese' => 'Chinês',
     'choose how fractional days are rounded.' => 'Escolha como os dias fracionados são arredondados.',
     'choose the appearance of the application.' => 'Escolha a aparência do aplicativo.',
+    'choose how durations are shown' => 'Escolha como as durações são exibidas.',
     'choose whether to show vacation steps' => 'Escolha se deseja mostrar as etapas de férias.',
     'choose your mode' => 'Escolha seu modo.',
     'click "export" at the top of the table and choose "save as csv".' => 'Clique em "Exportar" no topo da tabela e escolha "Salvar como CSV".',
+    'clock (7:30)' => 'Relógio (7:30)',
     'close' => 'Fechar',
     'color' => 'Cor',
     'confirm' => 'Confirmar',
@@ -89,6 +91,7 @@
     'day' => 'Dia',
     'day equivalent' => 'Equivalente em dias',
     'days' => 'Dias',
+    'decimal hours (7.50)' => 'Horas decimais (7.50)',
     'default annual entitlement' => 'Direito anual padrão',
     'default overview' => 'Visão geral padrão',
     'default: :value days' => 'Padrão: :value dias',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => 'Este atalho não é suportado.',
     'time' => 'Tempo',
     'time balance' => 'Saldo de Horas',
+    'time display' => 'Formato de tempo',
     'time span' => 'Período de tempo',
     'timezone' => 'Fuso Horário',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => 'Para importar dados do Clockify, você deve primeiro exportá-los. Basta seguir as instruções passo a passo abaixo.',
diff --git a/lang/zh_CN/app.php b/lang/zh_CN/app.php
index 59bdb4a..201fd5f 100644
--- a/lang/zh_CN/app.php
+++ b/lang/zh_CN/app.php
@@ -54,9 +54,11 @@
     'chinese' => '中文',
     'choose how fractional days are rounded.' => '控制休假日的小数步长。',
     'choose the appearance of the application.' => '选择应用程序的外观。',
+    'choose how durations are shown' => '选择时长的显示方式。',
     'choose whether to show vacation steps' => '选择是否显示休假步骤。',
     'choose your mode' => '选择你的模式。',
     'click "export" at the top of the table and choose "save as csv".' => '点击表格上方的“导出”，然后选择“另存为 CSV”。',
+    'clock (7:30)' => '时钟格式 (7:30)',
     'close' => '关闭',
     'color' => '颜色',
     'confirm' => '确认',
@@ -89,6 +91,7 @@
     'day' => '天',
     'day equivalent' => '折算天数',
     'days' => '天',
+    'decimal hours (7.50)' => '十进制小时 (7.50)',
     'default annual entitlement' => '默认年假配额',
     'default overview' => '默认概览',
     'default: :value days' => '默认值：:value 天',
@@ -341,6 +344,7 @@
     'this shortcut is not supported.' => '该快捷键不受支持。',
     'time' => '时间',
     'time balance' => '时间结余',
+    'time display' => '时间显示',
     'time span' => '时间段',
     'timezone' => '时区',
     'to import data from clockify, you must first export it. Simply follow the step-by-step instructions below.' => '若要从 Clockify 导入数据，您必须先导出数据。只需遵循以下逐步指示即可。',
diff --git a/resources/js/Components/TimestampTypeBadge.vue b/resources/js/Components/TimestampTypeBadge.vue
index ebfdcd4..9997ece 100644
--- a/resources/js/Components/TimestampTypeBadge.vue
+++ b/resources/js/Components/TimestampTypeBadge.vue
@@ -7,7 +7,7 @@ import {
     DropdownMenuSeparator,
     DropdownMenuTrigger
 } from '@/Components/ui/dropdown-menu'
-import { secToFormat } from '@/lib/utils'
+import { formatDurationWithUnit } from '@/lib/utils'
 import { GetTimeProjectDetails } from '@/types'
 import { Link } from '@inertiajs/vue3'
 import {
@@ -84,7 +84,7 @@ const badgeDetails = {
 
 const { title: badgeTitle, icon: badgeIcon, color: badgeColor } = badgeDetails[props.type] || badgeDetails.default
 
-const durationLabel = computed(() => secToFormat(props.duration ?? 0, true, true, true))
+const durationLabel = computed(() => formatDurationWithUnit(props.duration ?? 0))
 </script>
 
 <template>
@@ -95,10 +95,7 @@ const durationLabel = computed(() => secToFormat(props.duration ?? 0, true, true
             <div class="space-y-1">
                 <div class="text-xs leading-none">{{ $t(badgeTitle) }}</div>
                 <div class="text-sm leading-none font-bold tabular-nums" v-if="props.duration !== undefined">
-                    <bdi>
-                        {{ durationLabel }}
-                        {{ durationLabel.includes(':') ? $t('app.h') : $t('app.min') }}
-                    </bdi>
+                    <bdi>{{ durationLabel }}</bdi>
                 </div>
             </div>
         </div>
@@ -135,16 +132,9 @@ const durationLabel = computed(() => secToFormat(props.duration ?? 0, true, true
                             class="flex flex-1 shrink-0 items-center gap-1 text-xs leading-none whitespace-nowrap tabular-nums not-rtl:justify-end"
                         >
                             <component :is="badgeIcon" class="size-4" />
-                            <span>
-                                <bdi>
-                                    {{ secToFormat(projectDuration.sum, true, true, true) }}
-                                    {{
-                                        secToFormat(projectDuration.sum, true, true, true).includes(':')
-                                            ? $t('app.h')
-                                            : $t('app.min')
-                                    }}
-                                </bdi>
-                            </span>
+                            <span
+                                ><bdi>{{ formatDurationWithUnit(projectDuration.sum) }}</bdi></span
+                            >
                         </span>
                     </DropdownMenuItem>
                 </DropdownMenuContent>
diff --git a/resources/js/Layouts/BasicLayout.vue b/resources/js/Layouts/BasicLayout.vue
index 0bf84a0..0882fb0 100644
--- a/resources/js/Layouts/BasicLayout.vue
+++ b/resources/js/Layouts/BasicLayout.vue
@@ -1,8 +1,20 @@
 <script lang="ts" setup>
+import { setTimeDisplayFormat } from '@/lib/utils'
 import { usePage } from '@inertiajs/vue3'
 import moment from 'moment/min/moment-with-locales'
+import { watch } from 'vue'
+
+const page = usePage()
+
+moment.locale(page.props.js_locale)
+watch(
+    () => page.props.time_display_format,
+    (format) => {
+        setTimeDisplayFormat(format)
+    },
+    { immediate: true }
+)
 
-moment.locale(usePage().props.js_locale)
 if (window.Native) {
     window.Native.on('App\\Events\\LocaleChanged', () => {
         window.location.reload()
diff --git a/resources/js/Layouts/DefaultLayout.vue b/resources/js/Layouts/DefaultLayout.vue
index 14c9292..2a96d5e 100644
--- a/resources/js/Layouts/DefaultLayout.vue
+++ b/resources/js/Layouts/DefaultLayout.vue
@@ -2,12 +2,24 @@
 import AppSidebar from '@/Components/AppSidebar.vue'
 import { SidebarInset, SidebarProvider } from '@/Components/ui/sidebar'
 import BasicLayout from '@/Layouts/BasicLayout.vue'
+import { setTimeDisplayFormat } from '@/lib/utils'
 import { usePage } from '@inertiajs/vue3'
 import { useColorMode } from '@vueuse/core'
 import { Modal } from 'inertia-modal'
 import moment from 'moment/min/moment-with-locales'
+import { watch } from 'vue'
+
+const page = usePage()
+
+moment.locale(page.props.js_locale)
+watch(
+    () => page.props.time_display_format,
+    (format) => {
+        setTimeDisplayFormat(format)
+    },
+    { immediate: true }
+)
 
-moment.locale(usePage().props.js_locale)
 if (window.Native) {
     window.Native.on('App\\Events\\LocaleChanged', () => {
         window.location.reload()
diff --git a/resources/js/Pages/Overview/Month/Show.vue b/resources/js/Pages/Overview/Month/Show.vue
index eeff118..3f1930c 100644
--- a/resources/js/Pages/Overview/Month/Show.vue
+++ b/resources/js/Pages/Overview/Month/Show.vue
@@ -3,7 +3,7 @@ import TimestampTypeBadge from '@/Components/TimestampTypeBadge.vue'
 import { PageHeader } from '@/Components/ui-custom/page-header'
 import { TimeWheel } from '@/Components/ui-custom/time-wheel'
 import { Button } from '@/Components/ui/button'
-import { secToFormat } from '@/lib/utils'
+import { formatDurationWithUnit, secToFormat } from '@/lib/utils'
 import { GetTimeProjectDetails } from '@/types'
 import { Head, Link, router, usePage } from '@inertiajs/vue3'
 import { useCssVar } from '@vueuse/core'
@@ -215,11 +215,7 @@ const data = {
             },
             y: {
                 formatter: (value) => {
-                    const time = secToFormat(value, true, true, true)
-                    if (value >= 3600) {
-                        return `${time} ${trans('app.h')}`
-                    }
-                    return `${time} ${trans('app.min')}`
+                    return formatDurationWithUnit(value)
                 }
             }
         },
diff --git a/resources/js/Pages/Overview/Year/Show.vue b/resources/js/Pages/Overview/Year/Show.vue
index 700d181..531fc69 100644
--- a/resources/js/Pages/Overview/Year/Show.vue
+++ b/resources/js/Pages/Overview/Year/Show.vue
@@ -2,7 +2,7 @@
 import { PageHeader } from '@/Components/ui-custom/page-header'
 import { TimeWheel } from '@/Components/ui-custom/time-wheel'
 import { Button } from '@/Components/ui/button'
-import { secToFormat } from '@/lib/utils'
+import { formatDurationWithUnit, secToFormat } from '@/lib/utils'
 import { GetTimeProjectDetails } from '@/types'
 import { Head, Link, router, usePage } from '@inertiajs/vue3'
 import { useCssVar } from '@vueuse/core'
@@ -219,11 +219,7 @@ const data = {
             },
             y: {
                 formatter: (value) => {
-                    const time = secToFormat(value, true, true, true)
-                    if (value >= 3600) {
-                        return `${time} ${trans('app.h')}`
-                    }
-                    return `${time} ${trans('app.min')}`
+                    return formatDurationWithUnit(value)
                 }
             }
         },
diff --git a/resources/js/Pages/Settings/General/Edit.vue b/resources/js/Pages/Settings/General/Edit.vue
index 1eca4bc..5452b80 100644
--- a/resources/js/Pages/Settings/General/Edit.vue
+++ b/resources/js/Pages/Settings/General/Edit.vue
@@ -4,7 +4,17 @@ import { Select, SelectContent, SelectItem, SelectSeparator, SelectTrigger, Sele
 import { Switch } from '@/Components/ui/switch'
 import { Enum } from '@/types'
 import { Head, router, useForm } from '@inertiajs/vue3'
-import { AppWindowMac, CalendarMinus, Eye, Globe, KeyRound, Languages, PanelsTopLeft, SunMoon } from '@lucide/vue'
+import {
+    AppWindowMac,
+    CalendarMinus,
+    Eye,
+    Globe,
+    KeyRound,
+    Languages,
+    PanelsTopLeft,
+    SunMoon,
+    Timer
+} from '@lucide/vue'
 import { useDebounceFn } from '@vueuse/core'
 import { ref, watch } from 'vue'
 
@@ -19,6 +29,7 @@ const props = defineProps<{
     timezones?: string[]
     timezone: string
     defaultOverview: string
+    timeDisplayFormat: 'clock' | 'decimal'
 }>()
 
 const form = useForm({
@@ -29,7 +40,8 @@ const form = useForm({
     locale: props.locale,
     appActivityTracking: props.appActivityTracking ?? false,
     timezone: props.timezone,
-    default_overview: props.defaultOverview ?? 'week'
+    default_overview: props.defaultOverview ?? 'week',
+    time_display_format: props.timeDisplayFormat ?? 'clock'
 })
 
 const submit = () => {
@@ -51,7 +63,8 @@ watch(
         form.holidayRegion,
         form.appActivityTracking,
         form.timezone,
-        form.default_overview
+        form.default_overview,
+        form.time_display_format
     ],
     debouncedSubmit,
     { deep: true }
@@ -193,6 +206,33 @@ watch(holidayCheck, () => {
                 </Select>
             </div>
         </div>
+        <div class="flex items-start space-x-4 py-4">
+            <Timer />
+            <div class="flex flex-1 gap-4">
+                <div class="flex-1 space-y-1">
+                    <p class="text-sm leading-none font-medium">
+                        {{ $t('app.time display') }}
+                    </p>
+                    <p class="text-muted-foreground text-sm text-balance">
+                        {{ $t('app.choose how durations are shown') }}
+                    </p>
+                </div>
+
+                <Select size="5" v-model="form.time_display_format">
+                    <SelectTrigger class="w-1/2">
+                        <SelectValue :placeholder="$t('app.time display')" />
+                    </SelectTrigger>
+                    <SelectContent>
+                        <SelectItem value="clock">
+                            {{ $t('app.clock (7:30)') }}
+                        </SelectItem>
+                        <SelectItem value="decimal">
+                            {{ $t('app.decimal hours (7.50)') }}
+                        </SelectItem>
+                    </SelectContent>
+                </Select>
+            </div>
+        </div>
         <div class="flex items-start space-x-4 py-4">
             <Eye />
             <div class="flex-1 space-y-1">
diff --git a/resources/js/lib/utils.ts b/resources/js/lib/utils.ts
index e13e7ba..a6e3edb 100644
--- a/resources/js/lib/utils.ts
+++ b/resources/js/lib/utils.ts
@@ -1,7 +1,12 @@
 import { type ClassValue, clsx } from 'clsx'
+import { trans } from 'laravel-vue-i18n'
 import moment from 'moment/min/moment-with-locales'
 import { twMerge } from 'tailwind-merge'
 
+export type TimeDisplayFormat = 'clock' | 'decimal'
+
+let currentTimeDisplayFormat: TimeDisplayFormat = 'clock'
+
 export function cn(...inputs: ClassValue[]) {
     return twMerge(clsx(inputs))
 }
@@ -18,17 +23,36 @@ export function getCurrencySymbol(locale, currency) {
         .trim()
 }
 
+export function setTimeDisplayFormat(format: TimeDisplayFormat) {
+    currentTimeDisplayFormat = format
+}
+
+export function getTimeDisplayFormat() {
+    return currentTimeDisplayFormat
+}
+
 export function secToFormat(
     seconds: number,
     withoutHours?: boolean,
     withoutSeconds?: boolean,
     noLeadingZero?: boolean,
-    withAbs?: boolean
+    withAbs?: boolean,
+    timeDisplayFormat: TimeDisplayFormat = currentTimeDisplayFormat
 ) {
     const positive = seconds >= 0
 
     seconds = Math.abs(seconds)
 
+    if (timeDisplayFormat === 'decimal') {
+        let output = (seconds / 3600).toFixed(2)
+
+        if (withAbs || !positive) {
+            output = `${positive ? '+' : '-'}${output}`
+        }
+
+        return output
+    }
+
     const hours = Math.floor(seconds / 3600)
     const minutes = Math.floor((seconds % 3600) / 60)
     const secs = Math.floor(seconds % 60)
@@ -54,6 +78,29 @@ export function secToFormat(
     return output
 }
 
+export function secToUnit(
+    seconds: number,
+    withoutHours?: boolean,
+    timeDisplayFormat: TimeDisplayFormat = currentTimeDisplayFormat
+) {
+    if (timeDisplayFormat === 'decimal') {
+        return 'h'
+    }
+
+    if (withoutHours && Math.abs(seconds) < 3600) {
+        return 'min'
+    }
+
+    return 'h'
+}
+
+export function formatDurationWithUnit(
+    seconds: number,
+    timeDisplayFormat: TimeDisplayFormat = currentTimeDisplayFormat
+) {
+    return `${secToFormat(seconds, true, true, true, false, timeDisplayFormat)} ${trans(`app.${secToUnit(seconds, true, timeDisplayFormat)}`)}`
+}
+
 export function weekdayTranslate(weekday: string) {
     const englishWeekdays = ['Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday', 'Sunday']
     if (englishWeekdays.includes(weekday)) {
diff --git a/resources/js/types/index.d.ts b/resources/js/types/index.d.ts
index 170ab26..6107545 100644
--- a/resources/js/types/index.d.ts
+++ b/resources/js/types/index.d.ts
@@ -156,6 +156,7 @@ export type PageProps<T extends Record<string, unknown> = Record<string, unknown
     js_locale: string
     locale: string
     timezone: string
+    time_display_format: 'clock' | 'decimal'
     app_version: string
     recording: boolean
     environment: 'Windows' | 'Darwin' | 'Linux' | 'Unknown'
diff --git a/tests/Feature/GeneralTimeDisplayFormatTest.php b/tests/Feature/GeneralTimeDisplayFormatTest.php
new file mode 100644
index 0000000..8058f7f
--- /dev/null
+++ b/tests/Feature/GeneralTimeDisplayFormatTest.php
@@ -0,0 +1,51 @@
+<?php
+
+declare(strict_types=1);
+
+use App\Settings\GeneralSettings;
+use Inertia\Testing\AssertableInertia as Assert;
+use Native\Desktop\Facades\App;
+
+beforeEach(function (): void {
+    $this->withoutVite();
+    App::shouldReceive('openAtLogin')->andReturn(false);
+});
+
+it('exposes the configured time display format in general settings', function (): void {
+    $settings = resolve(GeneralSettings::class);
+    $settings->locale = 'en_US';
+    $settings->timezone = 'UTC';
+    $settings->time_display_format = 'decimal';
+    $settings->save();
+
+    $this->get(route('settings.general.edit'))
+        ->assertInertia(fn (Assert $page): Assert => $page
+            ->component('Settings/General/Edit')
+            ->where('timeDisplayFormat', 'decimal')
+        );
+});
+
+it('updates the time display format in general settings', function (): void {
+    $settings = resolve(GeneralSettings::class);
+    $settings->locale = 'en_US';
+    $settings->timezone = 'UTC';
+    $settings->save();
+
+    $this->patch(route('settings.general.update'), [
+        'openAtLogin' => false,
+        'theme' => 'system',
+        'showTimerOnUnlock' => true,
+        'holidayRegion' => null,
+        'locale' => 'en_US',
+        'appActivityTracking' => false,
+        'timezone' => 'UTC',
+        'default_overview' => 'week',
+        'time_display_format' => 'decimal',
+    ])->assertRedirect(route('settings.general.edit'));
+
+    $this->get(route('settings.general.edit'))
+        ->assertInertia(fn (Assert $page): Assert => $page
+            ->component('Settings/General/Edit')
+            ->where('timeDisplayFormat', 'decimal')
+        );
+});
diff --git a/tests/Unit/TimeFormatServiceTest.php b/tests/Unit/TimeFormatServiceTest.php
new file mode 100644
index 0000000..1786dc6
--- /dev/null
+++ b/tests/Unit/TimeFormatServiceTest.php
@@ -0,0 +1,28 @@
+<?php
+
+declare(strict_types=1);
+
+use App\Services\TimeFormatService;
+
+it('formats clock durations for display', function (): void {
+    expect(TimeFormatService::formatDuration(4500))->toBe('1:15');
+});
+
+it('formats decimal-hour durations for display', function (): void {
+    expect(TimeFormatService::formatDuration(4500, TimeFormatService::DECIMAL))->toBe('1.25');
+});
+
+it('keeps the legacy clock unit rules', function (): void {
+    expect(TimeFormatService::unitTranslationKey(4500))->toBe('h')
+        ->and(TimeFormatService::unitTranslationKey(1800))->toBe('min');
+});
+
+it('uses hours as the unit for decimal display', function (): void {
+    expect(TimeFormatService::unitTranslationKey(1800, TimeFormatService::DECIMAL))->toBe('h');
+});
+
+it('formats durations with the correct translated unit', function (): void {
+    expect(TimeFormatService::formatDurationWithUnit(4500))->toBe('1:15 h')
+        ->and(TimeFormatService::formatDurationWithUnit(1800))->toBe('30 min')
+        ->and(TimeFormatService::formatDurationWithUnit(4500, TimeFormatService::DECIMAL))->toBe('1.25 h');
+});