2 files changed, 22 insertions, 18 deletions
diff --git a/src/client/views/DocumentDecorations.scss b/src/client/views/DocumentDecorations.scss
index 4d29427a6..c81c033da 100644
--- a/src/client/views/DocumentDecorations.scss
+++ b/src/client/views/DocumentDecorations.scss
@@ -221,12 +221,11 @@ $resizeHandler: 8px;
         pointer-events: auto;
         overflow: hidden;
         text-align: center;
-        width: 100%;
-        max-width: 120px;
+        width: 125px;
         display: flex;
-        height: 20px;
-        border-radius: 8px;
-        border-width: 10px;
+        height: 21px;
+        font-size: small;
+        gap: 2px;
         opacity: 0.3;
         &:hover {
             opacity: 1;
@@ -235,33 +234,38 @@ $resizeHandler: 8px;
             width: calc(100% + 10px);
             background: grey;
             color: rgb(71, 71, 71);
-            border-color: rgb(71, 71, 71);
+            border-radius: 8px;
+            border: 2px solid rgb(71, 71, 71);
         }
         .documentDecorations-shareEdit,
         .documentDecorations-shareAdmin{
             width: calc(100% + 10px);
-            background: rgb(235, 235, 145);
+            background: rgb(254, 254, 199);
             color: rgb(75, 75, 5);
-            border-color: rgb(75, 75, 5);
+            border-radius: 8px;
+            border: 2px solid rgb(75, 75, 5);
         }
         .documentDecorations-shareAugment{
             width: calc(100% + 10px);
-            background: rgb(160, 230, 160);
+            background: rgb(208, 255, 208);
             color:rgb(19, 80, 19);
-            border-color:rgb(19, 80, 19);
+            border-radius: 8px;
+            border: 2px solid rgb(19, 80, 19);
 
         }
         .documentDecorations-shareView{
             width: calc(100% + 10px);
-            background: rgb(161, 161, 238);
+            background: rgb(213, 213, 255);
             color: rgb(25, 25, 101);
-            border-color: rgb(25, 25, 101);;
+            border-radius: 8px;
+            border: 2px solid rgb(25, 25, 101);
         }
         .documentDecorations-shareNot-Shared{
             width: calc(100% + 10px);
-            background: rgb(210, 143, 143);
+            background: rgb(255, 207, 207);
             color: rgb(146, 58, 58);
-            border-color: rgb(146, 58, 58);;
+            border-radius: 8px;
+            border: 2px solid rgb(146, 58, 58);
         }
     }
 
diff --git a/src/client/views/PropertiesView.scss b/src/client/views/PropertiesView.scss
index 7e0da5520..eafe752be 100644
--- a/src/client/views/PropertiesView.scss
+++ b/src/client/views/PropertiesView.scss
@@ -178,7 +178,7 @@
             height: 16px;
             padding: 0px;
             padding-left: 3px;
-            background: rgb(235, 235, 145);
+            background: rgb(254, 254, 199);
             color: rgb(75, 75, 5);
             border-radius: 6px;
             border: 1px solid rgb(75, 75, 5);
@@ -187,7 +187,7 @@
             height: 16px;
             padding: 0px;
             padding-left: 3px;
-            background: rgb(160, 230, 160);
+            background: rgb(208, 255, 208);
             color:rgb(19, 80, 19);
             border-radius: 6px;
             border: 1px solid rgb(19, 80, 19);
@@ -197,7 +197,7 @@
             height: 16px;
             padding: 0px;
             padding-left: 3px;
-            background: rgb(161, 161, 238);
+            background: rgb(213, 213, 255);
             color: rgb(25, 25, 101);
             border-radius: 6px;
             border: 1px solid rgb(25, 25, 101);
@@ -206,7 +206,7 @@
             height: 16px;
             padding: 0px;
             padding-left: 3px;
-            background: rgb(210, 143, 143);
+            background: rgb(255, 207, 207);
             color: rgb(138, 47, 47);
             border-radius: 6px;
             border: 1px solid rgb(138, 47, 47);