diff --git a/plugins/vue-tailwind.js b/plugins/vue-tailwind.js
index 20eab77fc7dab623aa5444d348748565c9f41a60..0c799ef395d359b8dd29e9885097d2348730b423 100644
--- a/plugins/vue-tailwind.js
+++ b/plugins/vue-tailwind.js
@@ -28,7 +28,7 @@ const settings = {
     component: TInput,
     props: {
       classes:
-        'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-700 dark:border-gray-600',
+        'block w-full px-3 py-2 text-black placeholder-gray-400 transition duration-100 ease-in-out bg-white border border-gray-300 rounded shadow-sm focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed dark:bg-gray-700 dark:border-gray-600 dark:text-white',
     },
   },
   't-textarea': {
@@ -41,6 +41,10 @@ const settings = {
   't-button': {
     component: TButton,
     props: {
+      fixedClasses:
+        'block px-4 py-2 transition duration-100 ease-in-out focus:border-blue-500 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
+      classes:
+        'text-white bg-blue-500 border border-transparent shadow-sm rounded hover:bg-blue-600',
       variants: {
         text:
           'block px-4 py-2 transition duration-100 ease-in-out rounded hover:shadow-sm hover:underline hover:bg-white hover:bg-opacity-50 focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50 disabled:opacity-50 disabled:cursor-not-allowed',
@@ -126,6 +130,39 @@ const settings = {
   't-modal': {
     component: TModal,
     props: {
+      fixedClasses: {
+        overlay:
+          'z-40  overflow-auto scrolling-touch left-0 top-0 bottom-0 right-0 w-full h-full fixed bg-opacity-50',
+        wrapper: 'relative mx-auto z-50 max-w-lg px-3 py-12',
+        modal: 'overflow-visible relative  rounded',
+        body: 'p-3',
+        header: 'border-b p-3 rounded-t',
+        footer: ' p-3 rounded-b',
+        close:
+          'flex items-center justify-center rounded-full absolute right-0 top-0 -m-3 h-8 w-8 transition duration-100 ease-in-out focus:ring-2 focus:ring-blue-500 focus:outline-none focus:ring-opacity-50',
+      },
+      classes: {
+        overlay: 'bg-black',
+        wrapper: '',
+        modal: 'bg-white shadow',
+        body: 'p-3',
+        header: 'border-gray-100',
+        footer: 'bg-gray-100',
+        close: 'bg-gray-100 text-gray-600 hover:bg-gray-200',
+        closeIcon: 'fill-current h-4 w-4',
+        overlayEnterClass: '',
+        overlayEnterActiveClass: 'opacity-0 transition ease-out duration-100',
+        overlayEnterToClass: 'opacity-100',
+        overlayLeaveClass: 'transition ease-in opacity-100',
+        overlayLeaveActiveClass: '',
+        overlayLeaveToClass: 'opacity-0 duration-75',
+        enterClass: '',
+        enterActiveClass: '',
+        enterToClass: '',
+        leaveClass: '',
+        leaveActiveClass: '',
+        leaveToClass: '',
+      },
       variants: {
         large: {
           modal: 'bg-white shadow rounded dark:bg-gray-600',