diff --git a/resources/views/components/metric.blade.php b/resources/views/components/metric.blade.php
index f979548b..38a18e94 100644
--- a/resources/views/components/metric.blade.php
+++ b/resources/views/components/metric.blade.php
@@ -2,6 +2,8 @@
 'metric',
 ])
 
+@use('\Cachet\Enums\MetricViewEnum')
+
 <div x-data="chart">
     <div class="flex flex-col gap-2">
         <div class="flex items-center gap-1.5">
@@ -19,10 +21,9 @@
 
             <!-- Period Selector -->
             <select x-model="period" class="ml-auto rounded-md border border-gray-300 dark:border-gray-700 bg-white dark:bg-gray-800 text-gray-900 dark:text-gray-100 text-sm font-medium">
-                <option value="0">Last Hour</option>
-                <option value="1">Today</option>
-                <option value="2">Week</option>
-                <option value="3">Month</option>
+                @foreach([MetricViewEnum::last_hour, MetricViewEnum::today, MetricViewEnum::week, MetricViewEnum::month] as $value)
+                <option value="{{ $value }}">{{ $value->getLabel() }}</option>
+                @endforeach
             </select>
         </div>
         <canvas x-ref="canvas" height="300" class="ring-1 ring-gray-900/5 dark:ring-gray-100/10 bg-gray-50 dark:bg-gray-800 rounded-md shadow-sm text-white"></canvas>