diff --git a/src/components/guilds/GuildSideSelect.tsx b/src/components/guilds/GuildSideSelect.tsx
index 05cbba3..ea92ad8 100644
--- a/src/components/guilds/GuildSideSelect.tsx
+++ b/src/components/guilds/GuildSideSelect.tsx
@@ -1,123 +1,193 @@
-import {For, onMount, Show} from "solid-js";
-import {A} from "@solidjs/router";
+import { For, onMount, Show } from "solid-js";
+import { A, useNavigate } from "@solidjs/router";
 
-import {getApi} from "../../api/Api";
-import {Guild} from "../../types/guild";
-import GuildIcon, {UnreadIndicator} from "./GuildIcon";
+import { getApi } from "../../api/Api";
+import { Guild } from "../../types/guild";
+import GuildIcon, { UnreadIndicator } from "./GuildIcon";
 
 import tooltip from "../../directives/tooltip";
-import {displayName, noop} from "../../utils";
-import Icon, {IconElement} from "../icons/Icon";
+import { displayName, noop } from "../../utils";
+import Icon, { IconElement } from "../icons/Icon";
 import PlusIcon from "../icons/svg/Plus";
 import HomeIcon from "../icons/svg/Home";
+import Trash from "../icons/svg/Trash";
+import Gear from "../icons/svg/Gear";
 import useContextMenu from "../../hooks/useContextMenu";
-import ContextMenu, {ContextMenuButton, DangerContextMenuButton} from "../ui/ContextMenu";
+import ContextMenu, {
+  ContextMenuButton,
+  DangerContextMenuButton,
+} from "../ui/ContextMenu";
 import RightFromBracket from "../icons/svg/RightFromBracket";
 import Code from "../icons/svg/Code";
-import {ModalId, useModal} from "../ui/Modal";
+import { ModalId, useModal } from "../ui/Modal";
 import UserPlus from "../icons/svg/UserPlus";
-import {ModalPage, NewGuildModalContextMenu} from "./NewGuildModal";
-import {DmChannel} from "../../types/channel";
-import {Tab} from "../../App";
+import { ModalPage, NewGuildModalContextMenu } from "./NewGuildModal";
+import { DmChannel } from "../../types/channel";
+import { Tab } from "../../App";
 
-noop(tooltip)
+noop(tooltip);
 
-const Separator = () => <hr class="h-[2px] bg-fg/10 border-none rounded-full mx-1" />
+// TODO: Move UI elements into ../ui/ – for better reusability??
+const Separator = () => (
+  <hr class="h-[2px] bg-fg/10 border-none rounded-full mx-1" />
+);
 
-function BasicButton({ icon, alt, href }: { icon: IconElement, alt: string, href: string }) {
-  let anchor: HTMLAnchorElement | null = null
+function SidebarButton({
+  icon,
+  alt,
+  href,
+}: {
+  icon: IconElement;
+  alt: string;
+  href: string;
+}) {
+  let anchor: HTMLAnchorElement | null = null;
   onMount(() => {
-    tooltip(anchor!, () => ({ content: alt, placement: 'right' }))
-  })
+    tooltip(anchor!, () => ({ content: alt, placement: "right" }));
+  });
 
   return (
-    <A ref={anchor!} href={href} class="group bg-2 w-12 h-12 rounded-full flex items-center justify-center hover:bg-3 transition">
+    <A
+      ref={anchor!}
+      href={href}
+      class="group bg-2 w-12 h-12 rounded-full flex items-center justify-center hover:bg-3 transition"
+    >
       <Icon
         icon={icon}
         title={alt}
         class="select-none w-5 h-5 fill-fg opacity-70 group-hover:opacity-100 transition duration-300"
       />
     </A>
-  )
+  );
 }
 
 export function GuildContextMenu(props: { guild: Guild }) {
-  const api = getApi()!
-  const {showModal} = useModal()
+  const api = getApi()!;
+  const { showModal } = useModal();
+  const navigate = useNavigate();
+  const guildPermissions = () =>
+    api.cache?.getClientPermissions(props.guild.id);
 
   return (
     <ContextMenu>
       <ContextMenuButton
         icon={UserPlus}
-        label="Invite People"
+        label="Create Invite"
         buttonClass="hover:bg-accent"
         onClick={() => showModal(ModalId.CreateInvite, props.guild)}
       />
+      <Show when={guildPermissions()?.has("MANAGE_GUILD")}>
+        <ContextMenuButton
+          icon={Gear}
+          label="Server Settings"
+          onClick={() => navigate(`/guilds/${props.guild.id}/settings`)}
+        />
+      </Show>
       <ContextMenuButton
         icon={Code}
         label="Copy Server ID"
-        onClick={() => window.navigator.clipboard.writeText(props.guild.id.toString())}
+        onClick={() =>
+          window.navigator.clipboard.writeText(props.guild.id.toString())
+        }
       />
+      <Separator />
+
       <Show when={api.cache!.clientId !== props.guild.owner_id}>
         <DangerContextMenuButton
           icon={RightFromBracket}
           label="Leave Server"
+          buttonClass="hover:bg-danger"
           onClick={() => showModal(ModalId.LeaveGuild, props.guild)}
         />
       </Show>
+      <Show when={api.cache!.clientId === props.guild.owner_id}>
+        <DangerContextMenuButton
+          icon={Trash}
+          label="Delete Server"
+          buttonClass="hover:bg-danger"
+          onClick={() => showModal(ModalId.DeleteGuild, props.guild)}
+        />
+      </Show>
     </ContextMenu>
-  )
+  );
 }
 
 export default function GuildSideSelect() {
-  const api = getApi()!
-  const cache = api.cache!
-  const [dmChannelOrder] = cache.dmChannelOrder
+  const api = getApi()!;
+  const cache = api.cache!;
+  const [dmChannelOrder] = cache.dmChannelOrder;
 
-  const contextMenu = useContextMenu()!
-  const {showModal} = useModal()
+  const contextMenu = useContextMenu()!;
+  const { showModal } = useModal();
 
   return (
     <div class="h-full overflow-y-auto hide-scrollbar">
       <div class="flex flex-col p-2 gap-y-2 min-h-full">
         <div class="flex flex-col items-center">
-          <BasicButton icon={HomeIcon} alt="Home" href="/" />
+          <SidebarButton icon={HomeIcon} alt="Home" href="/" />
         </div>
         <For each={dmChannelOrder()}>
           {(channelId) => {
-            const user = cache.getDirectDmRecipient(cache.channels.get(channelId) as DmChannel)
-            if (!user) return null
+            const user = cache.getDirectDmRecipient(
+              cache.channels.get(channelId) as DmChannel,
+            );
+            if (!user) return null;
 
             return (
               <Show when={cache.isChannelUnread(channelId)}>
-                <A href={`/dms/${channelId}`} class="group indicator" state={{ tab: Tab.Conversations }}>
+                <A
+                  href={`/dms/${channelId}`}
+                  class="group indicator"
+                  state={{ tab: Tab.Conversations }}
+                >
                   <img
                     src={cache.avatarOf(user.id)}
                     alt=""
                     class="w-12 h-12 rounded-[50%] group-hover:rounded-[40%] transition-all duration-300"
-                    use:tooltip={{ content: displayName(user), placement: 'right' }}
+                    use:tooltip={{
+                      content: displayName(user),
+                      placement: "right",
+                    }}
+                  />
+                  <UnreadIndicator
+                    unread
+                    mentionCount={cache.countDmMentionsIn(channelId) ?? 0}
                   />
-                  <UnreadIndicator unread mentionCount={cache.countDmMentionsIn(channelId) ?? 0} />
                 </A>
               </Show>
-            )
+            );
           }}
         </For>
         <Separator />
-        <For each={Array.from(cache.guildList.map(g => api.cache!.guilds.get(g)!))}>
-          {(guild: Guild) => guild && (
-            <A href={`/guilds/${guild.id}`} class="flex" onContextMenu={contextMenu.getHandler(
-              <GuildContextMenu guild={guild} />
-            )}>
-              <GuildIcon guild={guild} sizeClass="w-12 h-12" tooltip ringIfActive />
-            </A>
+        <For
+          each={Array.from(
+            cache.guildList.map((g) => api.cache!.guilds.get(g)!),
           )}
+        >
+          {(guild: Guild) =>
+            guild && (
+              <A
+                href={`/guilds/${guild.id}`}
+                class="flex"
+                onContextMenu={contextMenu.getHandler(
+                  <GuildContextMenu guild={guild} />,
+                )}
+              >
+                <GuildIcon
+                  guild={guild}
+                  sizeClass="w-12 h-12"
+                  tooltip
+                  ringIfActive
+                />
+              </A>
+            )
+          }
         </For>
         <Show when={cache.guildList.length > 0} keyed={false}>
           <Separator />
         </Show>
         <button
-          use:tooltip={{ content: "New Server", placement: 'right' }}
+          use:tooltip={{ content: "New Server", placement: "right" }}
           id="adapt_new_guild"
           class="flex group items-center justify-center bg-2 hover:bg-accent rounded-[50%]
             hover:rounded-[30%] transition-all duration-300 w-12 h-12"
@@ -132,5 +202,5 @@ export default function GuildSideSelect() {
         </button>
       </div>
     </div>
-  )
-}
\ No newline at end of file
+  );
+}