components/Guild/GuildSidebar.vue

@@ -48,20 +48,6 @@ function toggleGuildSettings(e: Event) {
 </script>
 
 <style scoped>
-#channels-list {
-	background: var(--optional-channel-list-background);
-	background-color: var(--sidebar-background-color);
-
-	display: flex;
-	flex-direction: column;
-	gap: .5em;
-	text-overflow: ellipsis;
-	
-	padding-top: .5em;
-	padding-bottom: .5em;
-	max-height: calc(100% - 1em); /* 100% - top and bottom padding */
-}
-
 #guild-top-container {
 	min-height: var(--navbar-height);
 	max-height: var(--navbar-height);
@@ -87,4 +73,21 @@ function toggleGuildSettings(e: Event) {
 	border: none;
 	padding: 0%;
 }
+
+#channels-list {
+	background: var(--optional-channel-list-background);
+	background-color: var(--sidebar-background-color);
+
+	display: flex;
+	flex-direction: column;
+	gap: .5em;
+	text-overflow: ellipsis;
+	
+	padding-top: .5em;
+	padding-bottom: .5em;
+	max-height: calc(100% - 1em); /* 100% - top and bottom padding */
+
+	padding-left: .5em;
+	padding-right: .5em;
+}
 </style>

components/Guild/MemberList.vue

@@ -40,5 +40,8 @@ const members = await fetchMembers(props.guild.uuid)
 	flex-direction: column;
 	overflow-x: hidden;
 	overflow-y: scroll;
+
+	padding-left: .5em;
+	padding-right: .5em;
 }
 </style>

components/UserInterface/ResizableSidebar.vue

@@ -135,8 +135,7 @@ function loadStoredWidth() {
 
 .sidebar-content {
 	width: 100%;
-	padding-left: .25em;
+	height: 100%;
-	padding-right: .25em;
 }
 
 .sidebar-content > :first-child {