Fix input box border radius and category margins

resources/views/template-faq.blade.php

@@ -14,7 +14,7 @@
             <h1 class="col-12 col-md-6">{{the_title()}}</h1>
             {{the_content()}}
             @endwhile
-            <div class="col-12 col-md-6 input-group mb-3" id="keyword-group">
+            <div class="col-12 col-md-6 form-group mb-3" id="keyword-group">
               <input class="form-control pl-5 py-4" type="text" name="keyword" id="keyword" aria-label="{{ __('Search input', 'kudos-website') }}" placeholder="{{ __('Stel je vraag', 'kudos-website') }}"/>
               <i class="search-icon ml-1 text-white fas fa-search"></i>
             </div>
@@ -25,8 +25,8 @@
         <div class="container mb-4">
             <div class="row align-items-center justify-content-start py-4">
                 @foreach($categories as $category)
-                    <div class="col-6 col-md-2">
-                        <a href="{{ get_permalink() . $category->slug }}" data-type="faq" data-category="{{ $category->slug }}" class="btn p-2 mb-2 col-12 text-dark d-flex align-items-center justify-content-between faq-category @if ($category->slug === $current_category || (empty($current_category) & empty($category->slug))) btn-outline-primary @endif">
+                    <div class="col-6 col-md-3 col-lg-2">
+                        <a href="{{ get_permalink() . $category->slug }}" data-type="faq" data-category="{{ $category->slug }}" class="btn p-2 mb-2 mb-md-0 col-12 text-dark d-flex align-items-center justify-content-between faq-category @if ($category->slug === $current_category || (empty($current_category) & empty($category->slug))) btn-outline-primary @endif">
                             <span class="m-auto">{{ $category->name }}</span>
                         </a>
                     </div>