From a9421eebfabb9fd5160225384ac42dac7e950192 Mon Sep 17 00:00:00 2001
From: Oskar <oskar@mullvad.net>
Date: Fri, 18 Oct 2024 15:48:06 +0200
Subject: [PATCH] Handle API access method name overflow

---
 gui/src/renderer/components/ApiAccessMethods.tsx | 1 +
 gui/src/renderer/components/InfoButton.tsx       | 2 +-
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/gui/src/renderer/components/ApiAccessMethods.tsx b/gui/src/renderer/components/ApiAccessMethods.tsx
index f12e4835f16c..68b873bd643f 100644
--- a/gui/src/renderer/components/ApiAccessMethods.tsx
+++ b/gui/src/renderer/components/ApiAccessMethods.tsx
@@ -52,6 +52,7 @@ const StyledSpinner = styled(ImageView)({
 });
 
 const StyledNameLabel = styled(Cell.Label)({
+  display: 'block',
   overflow: 'hidden',
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
diff --git a/gui/src/renderer/components/InfoButton.tsx b/gui/src/renderer/components/InfoButton.tsx
index 4ef2aa3c6eda..7f77f115e74d 100644
--- a/gui/src/renderer/components/InfoButton.tsx
+++ b/gui/src/renderer/components/InfoButton.tsx
@@ -8,7 +8,7 @@ import ImageView from './ImageView';
 import { ModalAlert, ModalAlertType } from './Modal';
 
 const StyledInfoButton = styled.button({
-  margin: '0 16px 0 0',
+  margin: '0 16px 0 8px',
   borderWidth: 0,
   padding: 0,
   cursor: 'default',