diff --git a/packages/frontend/src/pages/org-slug/projects/Id.tsx b/packages/frontend/src/pages/org-slug/projects/Id.tsx
index 60c2f073..e5b7604d 100644
--- a/packages/frontend/src/pages/org-slug/projects/Id.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/Id.tsx
@@ -24,8 +24,8 @@ const Id = () => {
   const client = useGQLClient();
   const location = useLocation();
 
-  const isDesktopView = useMediaQuery('(min-width: 720px)'); // md:
-  const buttonSize = isDesktopView ? {} : { size: 'sm' as const };
+  const isTabletView = useMediaQuery('(min-width: 720px)'); // md:
+  const buttonSize = isTabletView ? {} : { size: 'sm' as const };
 
   const [project, setProject] = useState<ProjectType | null>(null);
   const [repoUrl, setRepoUrl] = useState('');
diff --git a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
index 682d1f48..ae7f55ab 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/Template.tsx
@@ -20,8 +20,8 @@ import { useMediaQuery } from 'usehooks-ts';
 const CreateWithTemplate = () => {
   const { orgSlug } = useParams();
 
-  const isDesktopView = useMediaQuery('(min-width: 960px)'); // lg:
-  const stepsOrientation = isDesktopView ? 'vertical' : 'horizontal';
+  const isTabletView = useMediaQuery('(min-width: 960px)'); // lg:
+  const stepsOrientation = isTabletView ? 'vertical' : 'horizontal';
 
   const stepperValues = [
     {
diff --git a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
index f57428e1..777a866d 100644
--- a/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
+++ b/packages/frontend/src/pages/org-slug/projects/create/template/index.tsx
@@ -29,8 +29,8 @@ const CreateRepo = () => {
 
   const { orgSlug } = useParams();
 
-  const isDesktopView = useMediaQuery('(min-width: 720px)'); // md:
-  const buttonSize = isDesktopView ? { size: 'lg' as const } : {};
+  const isTabletView = useMediaQuery('(min-width: 720px)'); // md:
+  const buttonSize = isTabletView ? { size: 'lg' as const } : {};
 
   const navigate = useNavigate();