fix(web): scrollbar styles (#1219)

packages/web/src/javascripts/Components/NoAccountWarning/NoAccountWarningContent.tsx

@@ -24,7 +24,7 @@ const NoAccountWarningContent = ({ accountMenuController, noAccountWarningContro
   }, [noAccountWarningController])
 
   return (
-    <div className="mt-4 grid grid-cols-1 rounded-md p-4 shadow-main">
+    <div className="mt-4 grid grid-cols-1 rounded-md border border-border p-4">
       <h1 className="sk-h3 m-0 text-sm font-semibold">Data not backed up</h1>
       <p className="col-start-1 col-end-3 m-0 mt-1 text-sm">Sign in or register to back up your notes.</p>
       <Button primary small className="col-start-1 col-end-3 mt-3 justify-self-start" onClick={showAccountMenu}>

packages/web/src/stylesheets/_navigation.scss

@@ -60,7 +60,6 @@ $content-horizontal-padding: 16px;
     padding: 4px 14px;
     cursor: pointer;
     transition: height 0.1s ease-in-out;
-    position: relative;
     width: 100%;
 
     > .tag-info {

packages/web/src/stylesheets/index.css.scss

@@ -1,5 +1,6 @@
 @import '../../../styles/src/Styles/_colors.scss';
 @import '../../../styles/src/Styles/_panels.scss';
+@import '../../../styles/src/Styles/_scrollbar.scss';
 @import '../../../styles/src/Styles/utils/_animation.scss';
 @import 'theme';
 @import 'main';
@@ -21,4 +22,4 @@
 
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
+@tailwind utilities;