diff --git a/app/components/home.module.scss b/app/components/home.module.scss
index 1d9aa2151..fa36d2b97 100644
--- a/app/components/home.module.scss
+++ b/app/components/home.module.scss
@@ -333,7 +333,7 @@
 .sidebar-action-collapse {
   margin-top: 15px;
 }
-.sidebar-action:not(:last-child) {
+.sidebar-action {
   margin-right: 15px;
 }
 .chat {
diff --git a/app/components/home.tsx b/app/components/home.tsx
index 719821c42..0351ce179 100644
--- a/app/components/home.tsx
+++ b/app/components/home.tsx
@@ -293,13 +293,17 @@ function _Home() {
           </div>
           <div
             className={
-              sidebarCollapse ? styles["sidebar-action-collapse"] : undefined
+              sidebarCollapse
+                ? styles["sidebar-action-collapse"]
+                : styles["sidebar-action"]
             }
           >
             <IconButton
               icon={<AddIcon />}
               text={
-                isMobileScreen()
+                chatStore.config.sidebarWidth <= 285
+                  ? undefined
+                  : isMobileScreen()
                   ? undefined
                   : sidebarCollapse
                   ? undefined