how do i make overflow:auto work in my project?

Im currently making my first laravel project and I want the scroll bar to be on the second column, I also painstakingly tried placing an overflow:auto to each of the divs and nothing seems to work. what am I doing wrong?

here's the code:

@section('content')

<div class="container-fluid">
<div class="row">
  <div class="col-12 border p-2">
    <p class="font-weight-bold">Search bar here..</p>
  </div>
</div>  

<div class="row">
<!-- Category -->
<div class="col-1 border justify-content-center text-center">
 <p class="font-weight-bold">Category</p>
</div>
<!--  -->
<div class="col-8 border justify-content-center text-center overflow-auto">
  <div class="row">
  @foreach ($items as $item)
   <div class="col-3 border">
    <img src="/storage/{{ $item->item_img }}" class="w-50">
    <p class="m-0 font-weight-bold border">{{ $item->item_name }}</p>
    <p class="m-0 border">Php {{ $item->sales_price }}</p>
    <p class="m-0 border">Stocks: {{ $item->stocks_qty }}</p>
    <button class="btn btn-primary mb-3">Add to Cart</button>
  </div>
  @endforeach
</div>