Adding Vuetify to my laravel/Vue app breaks some laravel components css

I have a laravel/VueJs app which was normal until I decided to add Vuetify. After installing the Vuetify package with npm, I imported it via a plugin/vuetify.js folder inside my resources/js folder like so(inside plugin/vuetify.js)

import Vue from 'vue'
import Vuetify from 'vuetify'
import 'vuetify/dist/vuetify.min.css'

Vue.use(Vuetify)

export default new Vuetify;

I imported into app.js like so;

import vuetify from './plugin/vuetify'

And in the Vue instance added vuetify;

const app = new Vue({
    el: '#app',
    router,
    vuetify
});

My vuetify components work well but some laravel components like the navbar breaks, the height increasing significantly. When I comment out the vuetify import, it goes back to normal. Can somebody help point out a fix or what am doing wrong please? Laravel 5.8, vuetify 2.0.7

via Chebli Mohamed