Vue js child component does not inherit global styles

I have the following code (it is a laravel template, think of it as a regular html document):

@extends('layouts.admin.master')

    <link href="" rel="stylesheet" type="text/css" />
    <link href="" rel="stylesheet" type="text/css" />

@section('content')
   <inbox></inbox>
@stop

inside of the inbox component is a paginator component:

<paginator :dataSet="dataSet" @changed="get"></paginator>

so all the styles come from the vedors.bundle.css and style.bundle.css , the inbox component inherits all the styles, but the child paginator component is not effected by the css styles, please help, I need the paginator component to use the global styles, thank You

via Chebli Mohamed