diff --git a/src/FilterLists.Web.V2/src/components/ListDetailsButton.tsx b/src/FilterLists.Web.V2/src/components/ListDetailsButton.tsx
index 168e64a55..df308e8bd 100644
--- a/src/FilterLists.Web.V2/src/components/ListDetailsButton.tsx
+++ b/src/FilterLists.Web.V2/src/components/ListDetailsButton.tsx
@@ -12,6 +12,8 @@ export const ListDetailsButton = (props: RouteComponentProps & Props) =>
   <Button
     type="primary"
     icon="info-circle"
-    onClick={() => props.history.push(`/lists/${props.list.id}`)}>
+    onClick={() => props.location.pathname === `/lists/${props.list.id}`
+      ? props.history.push("/")
+      : props.history.push(`/lists/${props.list.id}`)}>
     Details
   </Button>;
\ No newline at end of file
diff --git a/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx b/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
index ec75ef904..39a4fba5e 100644
--- a/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
+++ b/src/FilterLists.Web.V2/src/components/ListDetailsDrawer.tsx
@@ -38,6 +38,8 @@ export class ListDetailsDrawer extends React.Component<RouteComponentProps & Pro
     return <Drawer
       visible={true}
       width={350}
+      placement={"left"}
+      mask={false}
       title={this.props.list.name}
       destroyOnClose={true}
       onClose={() => this.props.history.push("/")}>
diff --git a/src/FilterLists.Web.V2/src/index.css b/src/FilterLists.Web.V2/src/index.css
index b54726560..ec2585e8c 100644
--- a/src/FilterLists.Web.V2/src/index.css
+++ b/src/FilterLists.Web.V2/src/index.css
@@ -5,10 +5,6 @@ body {
     sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
-
-  /* hacky fix for table-shift when details drawer is opened */
-  width: calc(100%) !important;
-  overflow: auto !important;
 }
 
 code {