diff --git a/src/components/layout.js b/src/components/layout.js
index 241f1d2..0b77252 100644
--- a/src/components/layout.js
+++ b/src/components/layout.js
@@ -60,7 +60,7 @@ function Donate() {
   )
 }
 
-function UserStatus({ userId, unreads }) {
+function UserStatus({ userId, unreads, onClick }) {
   const unreadCount = unreads ? unreads.length : 0
   return (
     <div className={styles.userStatus}>
@@ -69,6 +69,7 @@ function UserStatus({ userId, unreads }) {
       </div>
       <Link href="/chat">
         <a
+          onClick={onClick}
           title={`Chat${unreadCount ? ' (' + unreadCount + ' új üzenet)' : ''}`}
           className={styles.unreadNotification}
         >
@@ -190,7 +191,7 @@ export default function Layout({ children, router, globalData }) {
           })}
         </div>
         <div className={'seperator'} />
-        <UserStatus unreads={unreads} userId={userId} />
+        <UserStatus onClick={closeSideBar} unreads={unreads} userId={userId} />
       </div>
       <div className={styles.sidebar}>
         {sidebarOpen ? (
diff --git a/src/pages/chat.module.css b/src/pages/chat.module.css
index fb28503..6aa44cc 100644
--- a/src/pages/chat.module.css
+++ b/src/pages/chat.module.css
@@ -14,7 +14,7 @@
   display: flex;
   flex-direction: column;
 
-  width: 200px;
+  max-width: 200px;
   z-index: 1;
   right: 0;
   overflow-x: hidden;