diff --git a/src/renderer/layouts/default-layout.tsx b/src/renderer/layouts/default-layout.tsx
index 0ab45b05..cef35eb6 100644
--- a/src/renderer/layouts/default-layout.tsx
+++ b/src/renderer/layouts/default-layout.tsx
@@ -98,6 +98,7 @@ const ResizeHandle = styled.div<{
 
 const QueueDrawer = styled(motion.div)`
   background: var(--main-bg);
+  border: 3px solid var(--generic-border-color);
   border-radius: 10px;
 `;
 
@@ -162,7 +163,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
 
   const queueDrawerVariants: Variants = {
     closed: {
-      height: 'calc(100vh - 190px)',
+      height: 'calc(100vh - 175px)',
       position: 'absolute',
       right: 0,
       top: '75px',
@@ -175,7 +176,7 @@ export const DefaultLayout = ({ shell }: DefaultLayoutProps) => {
     },
     open: {
       boxShadow: '0px 0px 10px 0px rgba(0, 0, 0, 0.8)',
-      height: 'calc(100vh - 190px)',
+      height: 'calc(100vh - 175px)',
       position: 'absolute',
       right: '20px',
       top: '75px',