diff --git a/src/lib/components/DropDown.svelte b/src/lib/components/DropDown.svelte
index 58a2b71..8667324 100644
--- a/src/lib/components/DropDown.svelte
+++ b/src/lib/components/DropDown.svelte
@@ -80,8 +80,10 @@
 
 	.dropdown-container {
 		list-style-type: none;
-		width: max-content;
-		height: fit-content;
+		z-index: 100;
+		min-width: max-content;
+		max-height: 20vh;
+		overflow-y: auto;
 		position: absolute;
 		top: 100%;
 		background: rgba(0, 0, 0, 0.8);
diff --git a/src/lib/components/DropDownElement.svelte b/src/lib/components/DropDownElement.svelte
index a3fe101..a525d1c 100644
--- a/src/lib/components/DropDownElement.svelte
+++ b/src/lib/components/DropDownElement.svelte
@@ -11,11 +11,11 @@
 		padding: 10px;
 		border-radius: 10px;
 		max-width: 100%;
-    min-width: fit-content;
+    min-width: max-content;
 		margin: 10% auto;
     margin-left: 0;
 		background: #3f3f3f;
-		height: 100%;
+		height: fit-content;
 		font-weight: 700;
 		font-size: 0.8rem;
 		letter-spacing: 0.1em;
diff --git a/src/routes/admin/EmpireDetails.svelte b/src/routes/admin/EmpireDetails.svelte
index b50b7da..68d8119 100644
--- a/src/routes/admin/EmpireDetails.svelte
+++ b/src/routes/admin/EmpireDetails.svelte
@@ -183,12 +183,12 @@
 </script>
 
 {#if newEmpire && newEmpirePrepared}
-	<div>
+	<!-- <div>
 		ID: {empire.id}
 	</div>
 	<div>
 		Game ID: {empire.game}
-	</div>
+	</div> -->
 	<DropDown dropdownTitle={'Group*: ' + groups[empire.group].name} dropdownId={groupDropdownId}>
 		{#each Object.values(groups) as group}
 			{#if group}
@@ -278,12 +278,12 @@
 {:else if !newEmpire}
 	<div>
 		{#if empire}
-			<div>
+			<!-- <div>
 				ID: {empire.id}
 			</div>
 			<div>
 				Game ID: {empire.game}
-			</div>
+			</div> -->
 			<DropDown dropdownTitle={'Group: ' + groups[empire.group].name} dropdownId={groupDropdownId}>
 				{#each Object.values(groups) as group}
 					{#if group}