From 4539533a1dc17466b9838d9f8401b5c6cb2fd085 Mon Sep 17 00:00:00 2001
From: Mauro Balades <mauro.balades@tutanota.com>
Date: Fri, 16 Aug 2024 23:03:51 +0200
Subject: [PATCH] chore: Update ThemePage component to include padding for
 mobile view

---
 src/components/theme-page.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/theme-page.tsx b/src/components/theme-page.tsx
index 3d0acd1..9288509 100644
--- a/src/components/theme-page.tsx
+++ b/src/components/theme-page.tsx
@@ -36,7 +36,7 @@ export default function ThemePage({ theme }: { theme: ZenTheme }) {
         <p id="install-theme-error" className="text-muted-foreground text-sm mt-2">You need to have Zen Browser installed to install this theme. <a href="/download" className="text-blue-500">Download now!</a></p>
       </div>
       <hr className="block my-4 lg:hidden" />
-      <div className="flex flex-col border-l lg:min-h-96 pl-10 lg:ml-96 max-w-xl lg:min-w-96 w-full">
+      <div className="flex flex-col border-l lg:min-h-96 p-5 lg:p-0 pl-10 lg:ml-96 max-w-xl lg:min-w-96 w-full">
         <div className="flex my-2 items-center cursor-pointer opacity-70" onClick={() => window.history.back()}>
           <ChevronLeft className="w-4 h-4 mr-1" />
           <h3 className="text-md">Go back</h3>