diff --git a/frontend/src/lib/components/SuggestionInput.svelte b/frontend/src/lib/components/SuggestionInput.svelte
index 4e28cb7..8cc5a9a 100644
--- a/frontend/src/lib/components/SuggestionInput.svelte
+++ b/frontend/src/lib/components/SuggestionInput.svelte
@@ -13,7 +13,9 @@
     }
 </script>
 
-<div class={`flex h-full w-full flex-row items-center gap-2 rounded border-2 border-lime-600 bg-lime-500 ${disabled ? "disabled" : ""}`}>
+<div
+    class={`flex h-full w-full flex-row items-center gap-2 rounded-md border-dark-pine-muted bg-light-pine-overlay hover:bg-dark-pine-base/20 dark:bg-dark-pine-overlay hover:dark:bg-light-pine-base/20 ${disabled ? "disabled" : ""}`}
+>
     <input
         type="text"
         placeholder="Song & Artist"
@@ -32,9 +34,8 @@
         </span>
     {/if}
 
-    <button
-        class="i-lucide-check h-[40px] w-1/4 cursor-pointer rounded border-2 border-lime-700 bg-lime-600 font-semibold text-white shadow-xl duration-100 hover:scale-105 active:scale-90"
-        onclick={sendSong}>Add</button
+    <button class="i-lucide-check h-[40px] w-1/4 cursor-pointer rounded border border-0 font-semibold shadow-xl duration-100 hover:scale-105 active:scale-90 dark:bg-dark-pine-blue" onclick={sendSong}
+        >Add</button
     >
     <span class="i-lucide-chevrons-left"></span>
 </div>
diff --git a/frontend/src/lib/components/SuggestionList.svelte b/frontend/src/lib/components/SuggestionList.svelte
index ffc25d6..12f69ed 100644
--- a/frontend/src/lib/components/SuggestionList.svelte
+++ b/frontend/src/lib/components/SuggestionList.svelte
@@ -12,14 +12,16 @@
 
 <div class="flex h-full w-full flex-col items-center gap-2 overflow-y-auto">
     {#if suggestions.length == 0}
-        <p>No suggestions yet! Try to add a new one using the <b>Add</b> button</p>
+        <p>No suggestions yet! Try to add a new one using the Add button</p>
     {/if}
 
     {#each suggestions as sug, idx}
-        <div class="flex h-[80px] w-full flex-row gap-2 rounded border-2 border-indigo-600 bg-indigo-500 p-2 shadow-md duration-100 hover:bg-indigo-400">
-            <div class="flex w-3/4 flex-row gap-2 items-center">
+        <div
+            class="flex h-[80px] w-full flex-row gap-2 rounded-md border-dark-pine-muted bg-light-pine-overlay p-2 shadow-md duration-100 hover:bg-dark-pine-base/20 dark:bg-dark-pine-overlay hover:dark:bg-light-pine-base/20"
+        >
+            <div class="flex w-3/4 flex-row items-center gap-2">
                 <img class="w-[60px] min-w-[60px] rounded" src={`https://lastfm.freetls.fastly.net/i/u/174s/${sug.image_id}.png`} alt="Song cover" />
-                <div class="text-white flex-col w-fit h-fit">
+                <div class="h-fit w-fit flex-col text-white">
                     <b>{sug.title}</b>
                     <p>{sug.artist}</p>
                 </div>
@@ -27,15 +29,15 @@
             <div class="flex w-1/4 flex-row items-center justify-center gap-2">
                 <button
                     class="text-green-500"
-                    onclick={() => {
-                        vote(idx, 1, sug.uuid)
+                    onclick={async () => {
+                        await vote(idx, 1, sug.uuid)
                     }}><ThumbsUp /></button
                 >
                 <p class="font-semibold text-white">{sug.upvote}</p>
                 <button
-                    class="duration-100 hover:scale-150 text-red-500"
-                    onclick={() => {
-                        vote(idx, -1, sug.uuid)
+                    class="text-red-500 duration-100 hover:scale-150"
+                    onclick={async () => {
+                        await vote(idx, -1, sug.uuid)
                     }}><ThumbsDown /></button
                 >
             </div>
diff --git a/frontend/src/routes/admin/[id]/+page.svelte b/frontend/src/routes/admin/[id]/+page.svelte
index a246853..a55e6f8 100644
--- a/frontend/src/routes/admin/[id]/+page.svelte
+++ b/frontend/src/routes/admin/[id]/+page.svelte
@@ -87,8 +87,8 @@
             <p>{formatTime(playerInfo.currentTime)} - {formatTime(playerInfo.duration)}</p>
             <input type="range" min="0" max={playerInfo.duration} disabled step="0.1" value={playerInfo.currentTime} class="w-full accent-blue-500" />
             <div class="flex w-full flex-row items-center justify-center gap-6">
-                <button onclick={audioController.pause}>Pause</button>
-                <button onclick={playNext}>Next</button>
+                <button class="rounded-md border border-dark-pine-muted p-2 hover:scale-105 active:scale-90 dark:bg-dark-pine-blue" onclick={audioController.pause}>Pause</button>
+                <button class="rounded-md border border-dark-pine-muted p-2 hover:scale-105 active:scale-90 dark:bg-dark-pine-blue" onclick={playNext}>Next</button>
             </div>
         </div>
     </div>