From 8549bf2fcf07efb0684de1d6deef1abe4cfa8a75 Mon Sep 17 00:00:00 2001
From: Attiya Ishaque <atiya.ishaq@arbisoft.com>
Date: Fri, 9 Dec 2022 17:28:53 +0500
Subject: [PATCH] fix: double header bar on 2 specfic screen dimension (#694)

---
 src/base-component/BaseComponent.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/base-component/BaseComponent.jsx b/src/base-component/BaseComponent.jsx
index f704bd69..99ebd008 100644
--- a/src/base-component/BaseComponent.jsx
+++ b/src/base-component/BaseComponent.jsx
@@ -24,10 +24,10 @@ const BaseComponent = ({ children, showWelcomeBanner }) => {
       <CookiePolicyBanner languageCode={getLocale()} />
       <div className="col-md-12 extra-large-screen-top-stripe" />
       <div className="layout">
-        <MediaQuery maxWidth={breakpoints.small.maxWidth}>
+        <MediaQuery maxWidth={breakpoints.small.maxWidth - 1}>
           {authenticatedUser ? <AuthSmallLayout username={username} /> : <SmallLayout />}
         </MediaQuery>
-        <MediaQuery minWidth={breakpoints.medium.minWidth} maxWidth={breakpoints.large.maxWidth}>
+        <MediaQuery minWidth={breakpoints.medium.minWidth} maxWidth={breakpoints.large.maxWidth - 1}>
           {authenticatedUser ? <AuthMediumLayout username={username} /> : <MediumLayout />}
         </MediaQuery>
         <MediaQuery minWidth={breakpoints.extraLarge.minWidth} maxWidth={breakpoints.extraExtraLarge.maxWidth}>