common shape

packages/app/src/components/Sidebar/RecentChanges.jsx

@@ -54,7 +54,7 @@ function LargePageItem({ page }) {
             <PagePathHierarchicalLink linkedPagePath={linkedPagePathLatter} basePath={dPagePath.isRoot ? undefined : dPagePath.former} />
             {locked}
           </h5>
-          <div className="mt-1 mb-2">
+          <div className="grw-tag-labels mt-1 mb-2">
             { tagElements }
           </div>
           <div className="d-flex justify-content-between grw-recent-changes-item-lower pt-1">

packages/app/src/styles/_tag.scss

@@ -6,9 +6,9 @@
 
 .grw-tag-labels {
   .grw-tag-label {
-    margin-left: 1px;
-    font-size: 12px;
-    border-radius: $border-radius-xl;
+    font-size: 10px;
+    font-weight: normal;
+    border-radius: $border-radius-sm;
   }
 }
 
@@ -17,11 +17,3 @@
     height: auto;
   }
 }
-
-.grw-recent-changes {
-  .grw-tag-label {
-    font-size: 10px;
-    font-weight: normal;
-    border-radius: $border-radius-sm;
-  }
-}