diff --git a/src/popup.css b/src/popup.css
index 3d606b0..99014d1 100644
--- a/src/popup.css
+++ b/src/popup.css
@@ -210,6 +210,8 @@ html {
 h1 {
   font-size: var(--large-text);
   font-weight: 600;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 ul {
@@ -322,6 +324,10 @@ button:not(.delete):active > svg {
   margin-top: var(--small-text);
 }
 
+#site-details {
+  min-width: 0;
+}
+
 #state {
   color: var(--color-l-red-20);
   transition: .3s;
@@ -336,6 +342,7 @@ button:not(.delete):active > svg {
   border-radius: 3em;
   padding: 12px;
   align-self: center;
+  margin-left: 15px;
   margin-right: 5px;
   background-color: var(--color-l-red-20);
   color: var(--color-l-gray-10);
diff --git a/src/popup.html b/src/popup.html
index f2c8756..8670b33 100644
--- a/src/popup.html
+++ b/src/popup.html
@@ -9,7 +9,7 @@
   <body>
     <main>
       <div id="site-enabled">
-        <div>
+        <div id="site-details">
           <h1 id="domain">example.com</h1>
           <p>MetamorPOV replacements are <b id="state">disabled</b> for this website</p>
         </div>
