diff --git a/webapp/channels/src/components/suggestion/switch_channel_provider.tsx b/webapp/channels/src/components/suggestion/switch_channel_provider.tsx
index 7f7dd9cd5c7d..510af7b7365f 100644
--- a/webapp/channels/src/components/suggestion/switch_channel_provider.tsx
+++ b/webapp/channels/src/components/suggestion/switch_channel_provider.tsx
@@ -256,7 +256,7 @@ const SwitchChannelSuggestion = React.forwardRef<HTMLLIElement, Props>((props, r
     return (
         <SuggestionContainer
             ref={ref}
-            id={`switchChannel_${channel.id}`}
+            id={`switchChannel_${channel.type === Constants.DM_CHANNEL ? (channel as FakeDirectChannel).userId : channel.id}`}
             data-testid={channel.name}
             role='option'
             aria-labelledby={`${name.toLowerCase().replaceAll(' ', '-')}-item-name`}
diff --git a/webapp/channels/src/sass/components/_suggestion-list.scss b/webapp/channels/src/sass/components/_suggestion-list.scss
index 46836e3de46e..e640fa43c200 100644
--- a/webapp/channels/src/sass/components/_suggestion-list.scss
+++ b/webapp/channels/src/sass/components/_suggestion-list.scss
@@ -62,6 +62,7 @@
     max-width: 100%;
     max-height: 292px;
     padding-bottom: 12px;
+    padding-left: 0;
     border: 1px solid rgba(var(--center-channel-color-rgb), 0.16);
     border-radius: 4px;
     background-color: functions.v(center-channel-bg);