New module after compiling assets change dashboard styles

I created a new module and installed the package dependencies using "npm install".
After that created new js file and added imports as below:

...

require('../../../../../resources/assets/js/bootstrap');

import Vue from 'vue';
import Global from '../../../../../resources/assets/js/mixins/global';
import DashboardPlugin from '../../../../../resources/assets/js/plugins/dashboard-plugin';
import Form from '../../../../../resources/assets/js/plugins/form';
import BulkAction from '../../../../../resources/assets/js/plugins/bulk-action';

// plugin setup
Vue.use(DashboardPlugin);

...

And then performed the "npm run dev" command and everything worked fine. But as soon as I attached the generated js file to my newly created blade dashboard styles changed and even the sidebar menu items are not collapsible.

Here is the image of changed style admin panel.
https://ibb.co/z44tW6m

Below image shows the original styling in other pages
https://ibb.co/nz3r6H1

Any help or suggestions would be appreciable.

My Akaunting version is
Version 2.0.21

Hi Madushan,

You can check offlinepayment webpac.mix.js.

You should add argon.css file for styeling => https://github.com/akaunting/akaunting/blob/master/modules/OfflinePayments/webpack.mix.js#L18

Cüneyt , I added the argon.css as you mentioned and it is working fine now.
Thank you. :)