From f048275ed0e9cab200b4d22c60f4be4e2654f364 Mon Sep 17 00:00:00 2001
From: Mark Youssef <myoussef@bitwarden.com>
Date: Tue, 14 Oct 2025 11:09:40 -0700
Subject: [PATCH] Update with container queries

---
 apps/web/src/app/tools/send/send.component.html             | 4 ++--
 .../web/src/app/vault/individual-vault/vault.component.html | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/app/tools/send/send.component.html b/apps/web/src/app/tools/send/send.component.html
index 995dfa48dcc..ca5b582e1c6 100644
--- a/apps/web/src/app/tools/send/send.component.html
+++ b/apps/web/src/app/tools/send/send.component.html
@@ -18,7 +18,7 @@
   {{ "sendDisabledWarning" | i18n }}
 </bit-callout>
 <div class="tw-grid tw-grid-cols-12 tw-gap-4">
-  <div class="tw-col-span-12 md:tw-col-span-3">
+  <div class="tw-col-span-12 @3xl:tw-col-span-3">
     <div class="tw-border tw-border-solid tw-border-secondary-300 tw-rounded" data-testid="filters">
       <div
         class="tw-bg-background-alt tw-border-0 tw-border-b tw-border-solid tw-border-secondary-100 tw-rounded-t tw-px-5 tw-py-2.5 tw-font-semibold tw-uppercase"
@@ -80,7 +80,7 @@
       </div>
     </div>
   </div>
-  <div class="tw-col-span-12 md:tw-col-span-9">
+  <div class="tw-col-span-12 @5xl:tw-col-span-9">
     <!--Listing Table-->
     <bit-table [dataSource]="dataSource" *ngIf="filteredSends && filteredSends.length">
       <ng-container header>
diff --git a/apps/web/src/app/vault/individual-vault/vault.component.html b/apps/web/src/app/vault/individual-vault/vault.component.html
index 3c452056e86..b138dd6ac1d 100644
--- a/apps/web/src/app/vault/individual-vault/vault.component.html
+++ b/apps/web/src/app/vault/individual-vault/vault.component.html
@@ -20,8 +20,8 @@
 >
 </app-vault-onboarding>
 
-<div class="tw-flex tw-flex-col md:tw-flex-row md:-tw-mx-2.5">
-  <div class="tw-mb-2.5 md:tw-mb-0 md:tw-basis-1/4 md:tw-max-w-1/4 md:tw-px-2.5">
+<div class="tw-flex tw-flex-col @3xl:tw-flex-row @3xl:-tw-mx-2.5">
+  <div class="tw-mb-2.5 @3xl:tw-mb-0 @3xl:tw-basis-1/4 @3xl:tw-max-w-1/4 @3xl:tw-px-2.5">
     <app-vault-filter
       #vaultFilter
       [activeFilter]="activeFilter"
@@ -30,7 +30,7 @@
       (onEditFolder)="editFolder($event)"
     ></app-vault-filter>
   </div>
-  <div class="md:tw-basis-3/4 md:tw-max-w-3/4 tw-px-2.5">
+  <div class="@3xl:tw-basis-3/4 @3xl:tw-max-w-3/4 tw-px-2.5">
     <bit-callout type="warning" *ngIf="activeFilter.isDeleted">
       {{ trashCleanupWarning }}
     </bit-callout>