From 5f1f24635df0a5165832c029991ae1f2d41be66a Mon Sep 17 00:00:00 2001
From: Peer Richelsen <peeroke@richelsen.net>
Date: Mon, 2 Aug 2021 23:25:37 +0200
Subject: [PATCH] fixed scrollbar bug in profile

---
 components/Settings.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Settings.tsx b/components/Settings.tsx
index 70f5af3e..2adf9465 100644
--- a/components/Settings.tsx
+++ b/components/Settings.tsx
@@ -39,8 +39,8 @@ export default function SettingsShell(props) {
 
   return (
     <div className="max-w-6xl">
-      <div className="min-w-full overflow-scroll sm:mx-auto -mx-4 min-h-16">
-        <nav className="-mb-px flex space-x-8 px-4 sm:px-0 " aria-label="Tabs">
+      <div className="sm:mx-auto -mx-4">
+        <nav className="-mb-px flex space-x-2 sm:space-x-8 px-4 sm:px-0 " aria-label="Tabs">
           {tabs.map((tab) => (
             <Link key={tab.name} href={tab.href}>
               <a
@@ -54,7 +54,7 @@ export default function SettingsShell(props) {
                 <tab.icon
                   className={classNames(
                     tab.current ? "text-neutral-900" : "text-gray-400 group-hover:text-gray-500",
-                    "-ml-0.5 mr-2 h-5 w-5"
+                    "-ml-0.5 mr-2 h-5 w-5 hidden sm:inline-block"
                   )}
                   aria-hidden="true"
                 />