diff --git a/scm-ui/ui-webapp/src/containers/LoginButton.tsx b/scm-ui/ui-webapp/src/containers/LoginButton.tsx
index 2885c4552d..11e2cb6b4a 100644
--- a/scm-ui/ui-webapp/src/containers/LoginButton.tsx
+++ b/scm-ui/ui-webapp/src/containers/LoginButton.tsx
@@ -38,7 +38,7 @@ type Props = {
 };
 
 const StyledLogoutButton = styled(Link)`
-  @media screen and (max-width: ${devices.desktop.width}px) {
+  @media screen and (max-width: ${devices.desktop.width - 1}px) {
     border-top: 1px solid white;
     margin-top: 1rem;
     padding-top: 1rem;
diff --git a/scm-ui/ui-webapp/src/containers/LogoutButton.tsx b/scm-ui/ui-webapp/src/containers/LogoutButton.tsx
index 917fa24083..32ec5339b6 100644
--- a/scm-ui/ui-webapp/src/containers/LogoutButton.tsx
+++ b/scm-ui/ui-webapp/src/containers/LogoutButton.tsx
@@ -38,7 +38,7 @@ type Props = {
 };
 
 const StyledLogoutButton = styled(Link)`
-  @media screen and (max-width: ${devices.desktop.width}px) {
+  @media screen and (max-width: ${devices.desktop.width}px -1 ) {
     border-top: 1px solid white;
     margin-top: 1rem;
     padding-top: 1rem;
diff --git a/scm-ui/ui-webapp/src/containers/Notifications.tsx b/scm-ui/ui-webapp/src/containers/Notifications.tsx
index b4d239cb3f..5bca804912 100644
--- a/scm-ui/ui-webapp/src/containers/Notifications.tsx
+++ b/scm-ui/ui-webapp/src/containers/Notifications.tsx
@@ -63,7 +63,7 @@ const DropDownMenu = styled.div`
     min-width: 20rem;
   }
 
-  @media screen and (max-width: ${devices.desktop.width}px) {
+  @media screen and (max-width: ${devices.desktop.width - 1}px) {
     margin-right: 1rem;
   }