From 6e7e7ef17ccb724f69b14c6ddff27a6c38080021 Mon Sep 17 00:00:00 2001
From: ryantanrk <ryantanrk@gmail.com>
Date: Tue, 25 Jan 2022 14:03:26 +0800
Subject: [PATCH] fix: appbar width breakpoint

---
 components/app-bar/src/AppBar.svelte | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/components/app-bar/src/AppBar.svelte b/components/app-bar/src/AppBar.svelte
index 1b2a00ad..d1b15e44 100644
--- a/components/app-bar/src/AppBar.svelte
+++ b/components/app-bar/src/AppBar.svelte
@@ -183,6 +183,7 @@
 
 <style lang="scss" global>
   $sm: 576px;
+  $md: 768px;
   $height: 55px;
 
   .resp-app-bar {
@@ -239,7 +240,7 @@
       display: flex;
       justify-content: space-between;
 
-      @media (min-width: $sm) {
+      @media (min-width: $md) {
         width: 80%;
       }
     }