From e378416f7f43251b7433fef56e980667c1c2a275 Mon Sep 17 00:00:00 2001
From: "use-tusk[bot]" <144006087+use-tusk[bot]@users.noreply.github.com>
Date: Fri, 11 Oct 2024 09:19:02 -0700
Subject: [PATCH] Update the warning banner styling (#2757)

* improvement(requests): update warning banner styling

* fix: address review from LinaLam

* fix: address review from LinaLam

* fix: address review from LinaLam

---------

Co-authored-by: use-tusk[bot] <144006087+use-tusk[bot]@users.noreply.github.com>
---
 web/components/templates/requestsV2/requestsPageV2.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/components/templates/requestsV2/requestsPageV2.tsx b/web/components/templates/requestsV2/requestsPageV2.tsx
index 6b0b20ffb..ec03687ca 100644
--- a/web/components/templates/requestsV2/requestsPageV2.tsx
+++ b/web/components/templates/requestsV2/requestsPageV2.tsx
@@ -742,14 +742,14 @@ const RequestsPageV2 = (props: RequestsPageV2Props) => {
     <>
       <div className="h-screen flex flex-col">
         {requestWithoutStream && !isWarningHidden && (
-          <div className="alert alert-warning flex justify-between items-center">
-            <p className="text-yellow-800">
+          <div className="bg-sky-500 text-white text-[13px] flex justify-between items-center p-2">
+            <p>
               We are unable to calculate your cost accurately because the
               &#39;stream_usage&#39; option is not included in your message.
               Please refer to{" "}
               <a
                 href="https://docs.helicone.ai/use-cases/enable-stream-usage"
-                className="text-blue-600 underline"
+                className="text-white underline"
               >
                 this documentation
               </a>{" "}
@@ -757,7 +757,7 @@ const RequestsPageV2 = (props: RequestsPageV2Props) => {
             </p>
             <button
               onClick={() => setIsWarningHidden(true)}
-              className="text-yellow-800 hover:text-yellow-900"
+              className="text-white hover:text-gray-200"
             >
               <span className="sr-only">Close</span>
               <svg className="h-5 w-5" viewBox="0 0 20 20" fill="currentColor">