diff --git a/src/views/groups/views/shared-tabs/GroupSharedTabs.scss b/src/views/groups/views/shared-tabs/GroupSharedTabs.scss
index 6da2ee1e..4bf835ba 100644
--- a/src/views/groups/views/shared-tabs/GroupSharedTabs.scss
+++ b/src/views/groups/views/shared-tabs/GroupSharedTabs.scss
@@ -23,16 +23,6 @@
     .group-color-swatch {
         width: 30px;
         height: 40px;
-    
-        &:first-child {
-            border-top-left-radius: $border-radius;
-            border-bottom-left-radius: $border-radius;
-        }
-    
-        &:last-child {
-            border-top-right-radius: $border-radius;
-            border-bottom-right-radius: $border-radius;
-        }
     }
 }
 
diff --git a/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx b/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx
index 570299ba..1266fef8 100644
--- a/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx
+++ b/src/views/groups/views/shared-tabs/tab-colors/GroupSharedTabColorsView.tsx
@@ -53,7 +53,7 @@ export const GroupSharedTabColorsView: FC<{}> = props =>
         <div className="shared-tab-colors d-flex flex-column gap-2">
             <div className="d-flex flex-column align-items-center">
                 <div className="fw-bold">{ LocalizeText('group.edit.color.guild.color') }</div>
-                { groupColors && <div className="d-flex">
+                { groupColors && <div className="d-flex rounded border overflow-hidden">
                     <div className="group-color-swatch" style={{ backgroundColor: '#' + getGroupColor(0) }}></div>
                     <div className="group-color-swatch" style={{ backgroundColor: '#' + getGroupColor(1) }}></div>
                 </div> }