diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css
deleted file mode 100644
index 02ab94b8..00000000
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/headings.css
+++ /dev/null
@@ -1,21 +0,0 @@
-/* Headings & Text */
-
-/* h1 headers */
-.heading {
-  @apply text-3xl mb-6;
-}
-
-/* h2 headers */
-.subheading {
-  @apply text-2xl mb-5;
-}
-
-/* h3 headers */
-.title {
-  @apply text-xl mb-4;
-}
-
-/* h4 headers */
-.subtitle {
-  @apply text-lg mb-3;
-}
diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
index 931f1589..4dc13b3f 100644
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
+++ b/{{cookiecutter.project_slug}}/clients/web/vue3/src/styles/index.css
@@ -1,5 +1,3 @@
-@import './headings.css';
-
 /* Router Active Link Styling */
 .router {
   @apply inline-flex items-center px-1 pt-1 text-sm font-medium text-gray-900 border-b-2 border-transparent;
diff --git a/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue b/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue
index 65048674..218782c3 100644
--- a/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue
+++ b/{{cookiecutter.project_slug}}/clients/web/vue3/src/views/Dashboard.vue
@@ -4,7 +4,7 @@
   <div class="flex min-h-full flex-1 flex-col">
     <header class="relative mx-auto flex h-32 w-full flex-col justify-center bg-primary sm:h-48">
       <div class="mx-auto max-w-7xl px-4 sm:px-6 lg:px-8 w-full">
-        <h1 class="heading mb-0 text-left font-bold uppercase text-white">Dashboard</h1>
+        <h1 class="text-3xl mb-6 text-left font-bold uppercase text-white">Dashboard</h1>
       </div>
     </header>
     <div class="h-full min-h-full p-4 sm:px-16 sm:py-4">Content goes here...</div>