Remove borders around ChannelList table

src/components/layout/index.tsx

@@ -21,11 +21,8 @@ export const AppContainer = styled.default.div`
 
 export const Body = styled.default.div`
   flex: 1;
-  margin: 1rem;
   padding: 1rem ${Theme.spacing.xlarge};
   background: ${Theme.colors.gray900};
-  border-radius: 8px;
-  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   display: flex;
   flex-direction: column;

src/components/table/style.tsx

@@ -37,8 +37,7 @@ export const TH = styled.default.th<{active?: boolean; border?: boolean; width?:
   color: ${({active}) => (active ? colors.white : colors.gray500)};
   font-size: ${typography.fontSizeS};
   cursor: pointer;
-  border: 1px solid transparent;
-  border-right-color: ${colors.gray700};
+  border: none;
   & span {
     margin-left: .4rem;
   }
@@ -78,6 +77,4 @@ export const Tbody = styled.default.tbody`
 export const TableContainer = styled.default.div`
   height: 100%;
   overflow: auto;
-  border: 1px solid ${colors.gray700};
-  border-radius: 4px;
 `;