diff --git a/app/View/Components/MargueeText.php b/app/View/Components/MargueeText.php
new file mode 100644
index 000000000..00617ab44
--- /dev/null
+++ b/app/View/Components/MargueeText.php
@@ -0,0 +1,32 @@
+<?php
+
+namespace App\View\Components;
+
+use App\Abstracts\View\Component;
+use Illuminate\Support\Str;
+
+class MargueeText extends Component
+{
+    public $width;
+
+    /**
+     * Create a new component instance.
+     *
+     * @return void
+     */
+    public function __construct(
+         string $width = 'auto'
+    ) {
+        $this->width = $width;
+    }
+
+    /**
+     * Get the view / contents that represent the component.
+     *
+     * @return \Illuminate\Contracts\View\View|string
+     */
+    public function render()
+    {
+        return view('components.marguee-text');
+    }
+}
diff --git a/resources/views/components/marguee-text.blade.php b/resources/views/components/marguee-text.blade.php
index 7963a07c5..4abe36d4d 100644
--- a/resources/views/components/marguee-text.blade.php
+++ b/resources/views/components/marguee-text.blade.php
@@ -1,5 +1,8 @@
 <div class="flex lg:block truncate">
-    <div data-truncate>
+    <div
+    @class([ $width ])
+    data-truncate
+    >
         {!! $slot !!}
     </div>
 </div>
\ No newline at end of file