diff --git a/src/components/markdown/Markdown.module.scss b/src/components/markdown/Markdown.module.scss
index 7554a0c1..a227d762 100644
--- a/src/components/markdown/Markdown.module.scss
+++ b/src/components/markdown/Markdown.module.scss
@@ -97,7 +97,6 @@
code {
color: white;
font-size: 90%;
- padding-inline-end: 1em;
background: var(--block);
border-radius: var(--border-radius);
font-family: var(--monospace-font), monospace;
diff --git a/src/components/navigation/left/ServerListSidebar.tsx b/src/components/navigation/left/ServerListSidebar.tsx
index fb0039b5..7acbe3a9 100644
--- a/src/components/navigation/left/ServerListSidebar.tsx
+++ b/src/components/navigation/left/ServerListSidebar.tsx
@@ -75,7 +75,7 @@ function Icon({
}
const ServersBase = styled.div`
- width: 56px;
+ width: 58px;
height: 100%;
padding-inline-start: 2px;
@@ -212,22 +212,23 @@ function Swoosh() {
return (
);
diff --git a/src/pages/discover/Discover.tsx b/src/pages/discover/Discover.tsx
index ffae9877..d596ea72 100644
--- a/src/pages/discover/Discover.tsx
+++ b/src/pages/discover/Discover.tsx
@@ -28,6 +28,7 @@ const Container = styled.div`
width: 100%;
height: 100%;
position: fixed;
+
padding-bottom: 50px;
background: var(--background);
`
@@ -47,6 +48,12 @@ const Frame = styled.iframe<{ loaded: boolean }>`
border-end-start-radius: 8px;
`}
+ ${() =>
+ isTouchscreenDevice &&
+ css`
+ padding-top: 56px;
+ `}
+
${(props) =>
props.loaded
? css`
@@ -157,7 +164,7 @@ export default function Discover() {
return (
{isTouchscreenDevice && (
-