diff --git a/app/Helpers/components_helper.php b/app/Helpers/components_helper.php
index 6989ee4ea77192cc35e70277dd13d79209c96646..f0e5f2423d327b719d5b0f7c6414d8edea4f93e4 100644
--- a/app/Helpers/components_helper.php
+++ b/app/Helpers/components_helper.php
@@ -55,7 +55,7 @@ if (! function_exists('data_table')) {
         $table = new Table();
 
         $template = [
-            'table_open' => '<table class="w-full whitespace-no-wrap">',
+            'table_open' => '<table class="w-full whitespace-nowrap">',
 
             'thead_open' =>
                 '<thead class="text-xs font-semibold text-left uppercase text-skin-muted">',
diff --git a/app/Views/Components/DropdownMenu.php b/app/Views/Components/DropdownMenu.php
index be3cc412c8dfc383e27f6509e3b612abdb488b44..4b097134ff0a89554e69fb887930db3984b0d4aa 100644
--- a/app/Views/Components/DropdownMenu.php
+++ b/app/Views/Components/DropdownMenu.php
@@ -53,7 +53,7 @@ class DropdownMenu extends Component
 
         return <<<HTML
             <nav id="{$this->id}"
-                class="absolute z-50 flex flex-col py-2 whitespace-no-wrap rounded-lg text-skin-base border-contrast bg-elevated border-3"
+                class="absolute z-50 flex flex-col py-2 rounded-lg whitespace-nowrap text-skin-base border-contrast bg-elevated border-3"
                 aria-labelledby="{$this->labelledby}"
                 data-dropdown="menu"
                 data-dropdown-placement="{$this->placement}"
diff --git a/tailwind.config.js b/tailwind.config.js
index e1088e8b64920ac8a7572e6be919a08a3301f745..bb849425cfb6939288a886d4bae10dff2f76967a 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,5 +1,6 @@
 /* eslint-disable */
 const defaultTheme = require("tailwindcss/defaultTheme");
+const { nodeModuleNameResolver } = require("typescript");
 
 /** @type {import('tailwindcss').Config} */
 module.exports = {
@@ -113,6 +114,30 @@ module.exports = {
       ringWidth: {
         3: "3px",
       },
+      typography: {
+        DEFAULT: {
+          css: {
+            a: {
+              textDecoration: "underline",
+              fontWeight: 600,
+              "&:hover": {
+                textDecoration: "none",
+              },
+            },
+          },
+        },
+        sm: {
+          css: {
+            a: {
+              textDecoration: "underline",
+              fontWeight: 600,
+              "&:hover": {
+                textDecoration: "none",
+              },
+            },
+          },
+        },
+      },
     },
   },
   variants: {},
diff --git a/themes/cp_admin/_partials/_nav_header.php b/themes/cp_admin/_partials/_nav_header.php
index 6b40fafce154d636f96ba0101c7af08eed8eb9d6..e054fd0a855def499dd7af7614d088bae19ff78b 100644
--- a/themes/cp_admin/_partials/_nav_header.php
+++ b/themes/cp_admin/_partials/_nav_header.php
@@ -72,7 +72,7 @@
                 [
                     'type' => 'html',
                     'content' => esc(<<<CODE_SAMPLE
-                        <nav class="flex flex-col py-2 whitespace-no-wrap">
+                        <nav class="flex flex-col py-2 whitespace-nowrap">
                             <span class="px-4 mb-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$interactAsText}</span>
                             <form action="{$route}" method="POST" class="flex flex-col">
                                 {$csrfField}
diff --git a/themes/cp_app/_admin_navbar.php b/themes/cp_app/_admin_navbar.php
index 690ac5909ea291683f23740cf871e78641178afa..da1def26d02c4a360f1941ef7db0f94b06503531 100644
--- a/themes/cp_app/_admin_navbar.php
+++ b/themes/cp_app/_admin_navbar.php
@@ -67,7 +67,7 @@
                     [
                         'type' => 'html',
                         'content' => esc(<<<CODE_SAMPLE
-                            <nav class="flex flex-col py-2 whitespace-no-wrap">
+                            <nav class="flex flex-col py-2 whitespace-nowrap">
                                 <span class="px-4 mb-2 text-xs font-semibold tracking-wider uppercase text-skin-muted">{$interactAsText}</span>
                                 <form action="{$route}" method="POST" class="flex flex-col">
                                     {$csrfField}