From cd2f824d21168fdcc88a407e725ad95885e43e6f Mon Sep 17 00:00:00 2001
From: Steven Le <stevenle08@gmail.com>
Date: Mon, 11 Mar 2024 11:04:59 -0700
Subject: [PATCH] chore: update sharebox styles to show overflow state

---
 packages/root-cms/ui/components/ShareBox/ShareBox.css | 3 ++-
 packages/root-cms/ui/components/ShareBox/ShareBox.tsx | 5 ++---
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/root-cms/ui/components/ShareBox/ShareBox.css b/packages/root-cms/ui/components/ShareBox/ShareBox.css
index 65d80d2c..41a0dcff 100644
--- a/packages/root-cms/ui/components/ShareBox/ShareBox.css
+++ b/packages/root-cms/ui/components/ShareBox/ShareBox.css
@@ -24,10 +24,11 @@
   margin-top: 12px;
   max-height: 500px;
   overflow: auto;
+  padding: 20px;
+  border: 1px solid var(--color-border);
 }
 
 .ShareBox__user__email {
-  padding: 0 11px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
diff --git a/packages/root-cms/ui/components/ShareBox/ShareBox.tsx b/packages/root-cms/ui/components/ShareBox/ShareBox.tsx
index 6fa97ed9..9e540641 100644
--- a/packages/root-cms/ui/components/ShareBox/ShareBox.tsx
+++ b/packages/root-cms/ui/components/ShareBox/ShareBox.tsx
@@ -9,11 +9,10 @@ import {
 import {useEffect, useState} from 'preact/hooks';
 
 import {joinClassNames} from '../../utils/classes.js';
+import {notifyErrors} from '../../utils/notifications.js';
 import {sortByKey} from '../../utils/objects.js';
 import {Text} from '../Text/Text.js';
 import './ShareBox.css';
-import {showNotification} from '@mantine/notifications';
-import {notifyErrors} from '../../utils/notifications.js';
 
 export interface ShareBoxProps {
   className?: string;
@@ -68,7 +67,7 @@ export function ShareBox(props: ShareBoxProps) {
       setRoles((current) => {
         return {
           ...current,
-          [email]: 'EDITOR',
+          [email]: 'VIEWER',
         };
       });
     });