From 2b9f0a6d853831ea767f04598d8b84b9aa311565 Mon Sep 17 00:00:00 2001
From: Rodiel Martinez <10471758+Rodielm@users.noreply.github.com>
Date: Mon, 2 Oct 2023 15:45:27 +0200
Subject: [PATCH] wc: fix layout variant-browser #TASK-5060

---
 src/webcomponents/variant/variant-browser.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/webcomponents/variant/variant-browser.js b/src/webcomponents/variant/variant-browser.js
index 838b11d086..4d83c3103a 100644
--- a/src/webcomponents/variant/variant-browser.js
+++ b/src/webcomponents/variant/variant-browser.js
@@ -341,7 +341,7 @@ export default class VariantBrowser extends LitElement {
 
         return html`
             <tool-header title="${this._config.title}" icon="${this._config.icon}"></tool-header>
-            <div class="row">
+            <div class="d-flex gap-4">
                 <div class="col-2 mb-3">
                     <div class="d-grid gap-2 mb-3 cy-search-button-wrapper">
                         <button type="button" class="btn btn-primary btn-block" ?disabled="${!this.searchActive}" @click="${this.onRun}">
@@ -382,7 +382,7 @@ export default class VariantBrowser extends LitElement {
                     </div>
                 </div>
 
-                <div class="col-md-10">
+                <div class="flex-grow-1">
                     <!-- TAB buttons -->
                     <div class="content-pills mb-3" role="toolbar" aria-label="toolbar">
                         <button